在Chrome中垂直移动的列表项内部的表格

我在里面有一个表格。该表是在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有错误，或者是该按照标准？

编辑：块元素呈现在预期的位置。

来源

2014-01-07 snwflk

不需要CSS规则来实现结果。 – snwflk

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

同样的问题：http://stackoverflow.com/questions/14867595/strange-table-margin-behaviour-inside-li-element –

似乎可以通过将表设置为display: inline-table来解决此问题。

AFAIK，这是一个铬错误。我为它打开了一个ticket。

来源

2014-01-07 22:41:17 snwflk

3年后还是一个问题 - “display：inline-table”改变了行为，而不是修复它。我希望它（嗯，我希望这从标准的行为......）摆脱表上方的空白行，这_does_做......但它也移动列表项的项目符号点到由于某种原因，桌子底部。 – Tasgall

在Chrome中垂直移动的列表项内部的表格

回答

相关问题