firefox中的表格標題寬度

-1

此頁面上的表格有一個帶有display：table-caption集合的標題。firefox中的表格標題寬度

http://www.petersen-stainless.co.uk/lifting/CE-swage-sockets/stainless-steel-threaded-sockets.html

的HTML是：

<table class="product-data"> 
       <caption> 
        Rated for lifting in accordance with EN 13411-8. WLLs stated based on 90% of wire MBL at a 6:1 factor of safety. All terminals permanently etched with CE mark and batch identification number. 
       </caption> 
       <tbody> 
        <tr> 
         <td data-th="Product Code">SCM6X3R-EN</td> 
         <td data-th="Wire (mm)">3</td> 
         <td data-th="Thread">M6</td> 
         <td data-th="D (mm)">6.3</td> 
         <td data-th="L (mm)">97.0</td> 
         <td data-th="CT (mm)">47.0</td> 
         <td data-th="WLL 7x19/6x19-IWRC">70kg</td> 
         <td data-th="WLL 6x36-IWRC">N/A</td> 
        </tr>     
        </tbody> 
      </table>`

而CSS我使用：

.content .product-data { 
    float: left; 
    margin-right: 20px; 
    width: 70% 
} 

.product-data caption { 
    display: table-caption; 
    width: 100%; 
    margin-bottom: 2em; 
    border: 1px solid #ccc; 
    box-sizing: border-box; 
    border-top: none; 
}

它顯示在WebKit瀏覽器表中的100％的寬度，但在Firefox它是100％的頁面寬度。我怎樣才能得到這個標題適合在Firefox中正確？這是一個錯誤嗎？看起來它不應該這樣做。如果有，還有什麼解決辦法嗎？

來源

2016-07-19 Ralphonz

問題尋求幫助的代碼必須包括必要的重現它最短的代碼**在問題本身**。雖然您提供了[**鏈接到示例或網站**]（http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work-如果鏈接變得無效，那麼你的問題對於其他具有相同問題的未來SO用戶將沒有任何價值。 –

請嘗試添加

.content .product-data { display: inline-block; }

問題將得到固定在Firefox

來源

2016-07-19 09:06:28 vignesh

這幾乎可行，然後標題只是有點太寬，而不是太寬！ – Ralphonz

firefox中的表格標題寬度

回答

相關問題