tr上的盒子阴影

Question

我在把桌子放在桌子box-shadow上时遇到了问题tr.问题是,box-shadow除非表中display的所有trs都设置为block(我在此处找到'修复':TR标记内的Box Shadow),否则根本不显示.然而,当display的trs被设定block,它使表格单元格不再排队,拥挤所有左侧.

这是一个演示问题的小提琴:http://jsfiddle.net/jFdEY/

您可以尝试更改它以应用于所有trs,但这会导致另一个问题(在下面的第二张图片中).

---

这是一些图片:

没有display: block所有trs的表(表格显示正常但box-shadow不起作用)

在一个与 display: block所有的trS(box-shadow显示出来,但表格的布局被打破)

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

Answer 1

"表格中使用的许多元素既不是也不block是inline元素."

因此,将所有TR设置block为最有可能破坏自然表行为.

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

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

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