Css <tr> firefox和chrome的區別

我的css在firefox上工作正常，但是chrome有一些問題，如你所見，tr不完整。Css <tr> firefox和chrome的區別

你知道我該如何調試嗎？

火狐：

鉻

下面是相應的HTML

<tbody> 
<tr class="content_6 firstEnquete firstContent" style="display: table-row;"> 
     <td colspan="2"></td> 
     <td colspan="7"></td> 
</tr> 

<tr class="content_6 firstEnquete firstContent" style="display: table-row;"> 
    <td colspan="3">↓</td> 
    <td>- Km</td> 
    <td>- min</td> 
    <td></td> 
</tr> 

<tr class="content_6 1861454 firstEnquete firstContent" style="display: table-row;"> 
    <td class="pdvTaille2"> 
     ITM0013 - INTERMARCHE ESPERE-SUPER-DRIVE <br> 
     RD 911 "LES GRANGES" - 46090 - ESPERE 
    </td> 
</tr> 

<tr class="content_6 firstEnquete firstContent" style="display: table-row;"> 
     <td colspan="3">↓</td> 
     <td>- Km</td> 
     <td>- min</td> 
     <td></td> 
</tr>          

<tr> 
    <td colspan="9" class="listeEnquetes"></td> 
</tr> 

<tr class="content_6 1848673 firstEnquete firstContent" style="display: table-row;"> 
    <td class="pdvTaille2"> 
     ITM0004 - INTERMARCHE VIEUX-VY-SUR-COUESNON-SUPER-DRIVE <br> 
     Z.A. LA CROIX COUVERTE - 35490 - VIEUX-VY-SUR-COUESNON 
    </td> 
</tr> 

<tr class="content_6 firstEnquete firstContent" style="display: table-row;"> 
    <td colspan="3">↓</td> 
    <td>- Km</td> 
    <td>- min</td> 
    <td></td> 
</tr>          

<tr> 
    <td colspan="9" class="listeEnquetes"></td> 
</tr> 

<tr class="content_6 1848727 firstEnquete firstContent" style="display: table-row;"> 
    <td class="pdvTaille2"> 
     ITM0005 - INTERMARCHE BROONS-SUPER-DRIVE <br> 
     PA DU CHALET - 22250 - BROONS 
    </td> 
</tr> 

<tr class="content_6 firstEnquete firstContent" style="display: table-row;"> 
    <td colspan="3">↓</td> 
    <td>- Km</td> 
    <td>- min</td> 
    <td></td> 
</tr> 

<tr class="content_6 firstEnquete firstContent" style="display: table-row;"> 
    <td colspan="2"></td> 
    <td colspan="7"></td> 
</tr> 
</tbody>

感謝您的幫助，如果你需要我可以添加一些CSS它，b ut可能不是那麼有用來展示一切。希望你可以有一個想法，其他導航器還有一些其他問題，但之前已經存在，所以我只想專注於那個。

PS：這是在控制檯中生成的代碼，但它是用樹枝構建的。

來源

2017-08-25 Minirock

請提供一個工作提琴。 – Huelfe

看起來像在Firefox中的錯誤：/你的列不相同，你應該跨越每行9列，一些單元格獨立，鉻是正確處理，我看到Firefox在這裏作出假設（或可能是它的一個功能），無論如何，colspan必須添加到9 – Ayyash

您是否嘗試過使用[normalize.css]（https://github.com/necolas/normalize.css/）來刪除瀏覽器之間的css不一致？ – TimothyBuktu

你剛纔沒有提到該行
在空單元格在第一行u必須使用colspan="2"和colspan="7"代表完整的行和第三行ü剛使用<td></td>
這是第一行中的任何你有9欄，第三欄只有一欄。

我已經根據我的方便進行了一些更改，但我不知道同樣會適用於您還是不是，但主要概念是任何數量的<td> su在第一行使用，包括colspan您必須保持相同根據您的要求，以下行中的列數。
如果這個答案不明確，或者你不明白，請問我可以解釋。

<table><tbody> 
 
<tr class="content_6 firstEnquete firstContent" style="display: table-row;"> 
 
     <td colspan="4"></td> 
 
</tr> 
 

 
<tr class="content_6 firstEnquete firstContent" style="display: table-row;"> 
 
    <td>↓</td> 
 
    <td>- Km</td> 
 
    <td>- min</td> 
 
    <td></td> 
 
</tr> 
 

 
<tr class="content_6 1861454 firstEnquete firstContent" style="display: table-row;"> 
 
    <td class="pdvTaille2" colspan="4"> 
 
     ITM0013 - INTERMARCHE ESPERE-SUPER-DRIVE <br> 
 
     RD 911 "LES GRANGES" - 46090 - ESPERE 
 
    </td> 
 
</tr> 
 

 
<tr class="content_6 firstEnquete firstContent" style="display: table-row;"> 
 
     <td>↓</td> 
 
     <td>- Km</td> 
 
     <td>- min</td> 
 
     <td></td> 
 
</tr>          
 

 
<tr> 
 
    <td colspan="4" class="listeEnquetes"></td> 
 
</tr> 
 

 
<tr class="content_6 1848673 firstEnquete firstContent" style="display: table-row;"> 
 
    <td class="pdvTaille2" colspan="4"> 
 
     ITM0004 - INTERMARCHE VIEUX-VY-SUR-COUESNON-SUPER-DRIVE <br> 
 
     Z.A. LA CROIX COUVERTE - 35490 - VIEUX-VY-SUR-COUESNON 
 
    </td> 
 
</tr> 
 

 
<tr class="content_6 firstEnquete firstContent" style="display: table-row;"> 
 
    <td>↓</td> 
 
    <td>- Km</td> 
 
    <td>- min</td> 
 
    <td></td> 
 
</tr>          
 

 
<tr> 
 
    <td colspan="4" class="listeEnquetes"></td> 
 
</tr> 
 

 
<tr class="content_6 1848727 firstEnquete firstContent" style="display: table-row;"> 
 
    <td class="pdvTaille2" colspan="4"> 
 
     ITM0005 - INTERMARCHE BROONS-SUPER-DRIVE <br> 
 
     PA DU CHALET - 22250 - BROONS 
 
    </td> 
 
</tr> 
 

 
<tr class="content_6 firstEnquete firstContent" style="display: table-row;"> 
 
    <td>↓</td> 
 
    <td>- Km</td> 
 
    <td>- min</td> 
 
    <td></td> 
 
</tr> 
 

 
<tr class="content_6 firstEnquete firstContent" style="display: table-row;"> 
 
    <td colspan="4"></td> 
 
</tr> 
 
</tbody> 
 
</table>

來源

2017-08-25 09:30:54

Css <tr> firefox和chrome的區別

回答

相關問題