特定于Chrome的CSS问题设置表格单元格显示:阻止
And*_*tch 6 html css google-chrome
我发现这个问题似乎有我想要的东西.我正在使用chrome 32.0.1700.102,即使是第一个答案的小提琴,对我来说也很棒.
但是,当我将以下html放入新文件并在chrome中打开时,tds的"计算样式"选项卡仍显示display:table-cell;:
<html>
<head>
<style>
#block td {
display: block;
background: #ccc;
}
</style>
</head>
<body>
<table>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>d</td>
</tr>
</table>
<table id="block">
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>d</td>
</tr>
</table>
</body>
</html>
当我在firefox中打开它时,我得到了所需的结果:
以下是chrome的屏幕截图,显示了样式选项卡中的display:block规则,但显示:计算选项卡中的table-cell:
Mr.*_*ien 26
我没有DOCTYPE在文档中看到任何声明,当你没有声明doctype时,Chrome会覆盖display: block;withdisplay: table-cell;
它适用于JS Fiddle因为它们已经声明了doctype.
因此<!DOCTYPE html>,在文档的最顶部使用<html>它应该解决问题.
- 哇.Alien先生不仅是上世纪最好的政府秘密,而且你也很擅长解决css问题.好好玩,先生.打的好. (6认同)