tr的盒子阴影

Question

我在将一个box-shadow放在tr s的表格内出现问题。问题是box-shadow根本没有显示，除非表中所有tr的display设置为block（我在此找到的'修复'：Box Shadow inside TR tag）。但是，当display的tr s设置为block时，表格单元格不再排列，将所有内容都排列在左侧。

这里有一个小提琴演示问题：http://jsfiddle.net/jFdEY/

你可以试着改变它适用于所有tr秒，但引起了另一个问题（在下面的第二张照片）。

---

下面是一些图片：

上的所有tr•不用display: block的一个（表显示正常，但box-shadow不工作）

上所有的一个与display: blocktr s（box-shadow出现，但表格布局被破坏）

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

Answer 1

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

由于这个原因，将所有TR设置为block最有可能破坏自然表格的行为。

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

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

从技术上讲，这不是一个表了，虽然，只是似乎这样。