2014-01-07 26 views
2

我在裏面有一個表格。該表是在Chrome 31渲染太低&加納利34在Chrome中垂直移動的列表項內部的表格

<ul> 
    <li> 
     <table> 
      <tbody> 
       <tr> 
        <td>Cell 0</td> 
        <td>Cell 1</td> 
       </tr> 
      </tbody> 
     </table> 
    </li> 
</ul> 

在Firefox 26.0我得到預期的結果(表呈現「第一線」)。

活生生的例子:http://jsfiddle.net/P8Ua7/

你會說這是一個Chrome有錯誤,或者是該按照標準?

編輯:塊元素呈現在預期的位置。

+0

不需要CSS規則來實現結果。 – snwflk

+0

相關:http://stackoverflow.com/questions/20073776/displaytable-in-ulli-to-get-vertical-alignmiddle-of-a-item-produces-chro ?? –

+1

同樣的問題:http://stackoverflow.com/questions/14867595/strange-table-margin-behaviour-inside-li-element –

回答

3

似乎可以通過將表設置爲display: inline-table來解決此問題。

AFAIK,這是一個鉻錯誤。我爲它打開了一個ticket

+0

3年後還是一個問題 - 「display:inline-table」改變了行爲,而不是修復它。我希望它(嗯,我希望這從標準的行爲......)擺脫表上方的空白行,這_does_做......但它也移動列表項的項目符號點到由於某種原因,桌子底部。 – Tasgall