Html 要显示的特定于Chrome的CSS问题设置表格单元格：block
我发现似乎有我想要的。我使用的是Chrome32.0.1700.102，即使是第一个答案上的，对我来说也非常好 然而，当我将以下html放入一个新文件并在chrome中打开它时，tds的“计算样式”选项卡仍然显示Html 要显示的特定于Chrome的CSS问题设置表格单元格：block,html,css,google-chrome,Html,Css,Google Chrome,我发现似乎有我想要的。我使用的是Chrome32.0.1700.102，即使是第一个答案上的，对我来说也非常好 然而，当我将以下html放入一个新文件并在chrome中打开它时，tds的“计算样式”选项卡仍然显示display:table cell： <html> <head> <style> #block td { display: block;
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>
#闭塞td{
显示：块；
背景：#ccc；
}
A.
B
C
D
A.
B
C
D
当我在firefox中打开它时，我得到了想要的结果：
以下是chrome的屏幕截图，显示了样式选项卡中的display:block规则，但计算选项卡中的display:table单元格：
我在文档中没有看到任何声明的DOCTYPE
，当您没有声明DOCTYPE时，Chrome会覆盖显示：块带显示：表格单元格
它在JS Fiddle上工作，因为他们声明了doctype
因此，在
之前的文档顶部使用
，应该可以解决问题。我使用了显示：块
在galery情况下，因此没有表，只有一个包含HP生成代码的url
显示：块，或显示表格单元格对我有效（我没有表格！）
对于me显示：表格工作起来很有魅力。我总是定义doctype，但这个问题是在我的响应式设计中的上一次Chrome更新45.0.2454.85之后开始出现的。在响应断点（媒体查询）处调整浏览器大小后，或在从纵向切换到横向再切换到横向时（如果横向未堆叠表格单元格，纵向已堆叠），堆叠的表格单元格将呈现为表格单元格和表格行的混合体。只有当有两个以上的表格单元格时，才会出现此错误
解决方案：在包含表格的行tr
中将其设置为display:table cell
table.classname tr { display:table-cell !important; }
table.classname td { display:block; width:100% !important; }
#block td{display:block！important；}
@SlavenkoMiljic会发生什么不幸的是，事实并非如此help@AndyPerlitch和我今天遇到的问题一样！谢谢你问这个问题，它帮助了我。外星人先生，你不仅是上个世纪最保守的政府机密，而且在解决css问题方面也很出色。打得好，先生。打得好，我也有同样的问题。“我的表”位于未指定doctype（也不能指定）且父文档具有
的iframe中。我以为iframe使用了父文档的doctype，但似乎没有。@Alien先生，谢谢！！！你把我从大麻烦中救了出来！！非常好的信息，很好的解释了答案。这正是帮助我解决问题的方法。这没有意义，我将td设置为“display:block”，但它没有正确显示，直到我在devtools中将其更改为其他任何内容，然后返回到“display:block”（好像Chrome最初覆盖了它）。看起来Chrome不再喜欢显示：表格行了。