tr上的盒子阴影

Question

我在表box-shadow内放tr时遇到问题。问题是box-shadow根本没有显示，除非表格中display的所有tr都设置为block（'修复'我在这里找到：Box Shadow inside TR tag）。但是，当display的{​​{1}}设置为tr时，它会使表格单元格不再对齐，从而将所有内容排在左侧。

这是展示问题的小提琴：http://jsfiddle.net/jFdEY/

您可以尝试更改它以应用于所有block，但这会导致另一个问题（在下面的第二张图片中）。

---

这是一些照片：

所有tr上没有display: block的那个（表格显示正确但tr不起作用）

所有box-shadow上显示 display: block的 {tr，但表格布局已损坏）

那么，有没有办法解决这个问题呢？

Answer 1

“表格中使用的许多元素既不是block也不是inline元素。”

因此，将所有TR设置为block很可能会破坏自然表的行为。

编辑：我能够创建一个类似于您想要的效果的解决方案，但它要求列具有固定的宽度。

演示：http://jsfiddle.net/jFdEY/2/

从技术上讲，这不再是一张桌子，只是出现这样。