Html tr'上的框阴影;s

Html tr'上的框阴影;s,html,css,Html,Css,我在将trs上的box阴影放入表中时遇到问题。问题是,除非表中所有trs的display设置为block(我在这里找到了一个“修复”),否则框阴影根本不会显示。但是,当trs的display设置为block时,会使表格单元格不再对齐,所有单元格都挤到左侧 这里有一把小提琴演示了这个问题: 您可以尝试将其更改为适用于所有trs,但这会导致另一个问题(在下面的第二张图片中) 以下是一些图片: 不带显示的:在所有trs上阻塞(表格显示正确,但框阴影不起作用) 在所有trs上具有display:bl

我在将
tr
s上的
box阴影放入表中时遇到问题。问题是,除非表中所有
tr
s的
display
设置为
block
(我在这里找到了一个“修复”),否则
框阴影根本不会显示。但是,当
tr
s的
display
设置为
block
时,会使表格单元格不再对齐,所有单元格都挤到左侧

这里有一把小提琴演示了这个问题:

您可以尝试将其更改为适用于所有
tr
s,但这会导致另一个问题(在下面的第二张图片中)


以下是一些图片:

不带
显示的:在所有
tr
s上阻塞
(表格显示正确,但
框阴影
不起作用)

在所有
tr
s上具有
display:block
的一个(
box shadow
显示,但表格布局被破坏)

那么,有办法解决这个问题吗?

“表中使用的许多元素既不是
也不是
内联
元素。”

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

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

演示:


从技术上讲,这不再是一个表了,只是看起来像这样。

请发布所有相关的HTML和CSS来演示这里发生了什么。我相信有一种方法可以按照您的意愿排列表格单元格,但解决方案取决于上下文。谢谢您的回答,但这也不起作用,使应用此规则的
tr
s出现在正常位置,但没有此规则的每个
tr
都有左起点,即有权终止的位置。我将发布一个代码示例,说明我遇到的问题。@Seth请查看编辑。这并不理想,但我认为这里没有理想的解决方案。谢谢和+1,但我不会将此问题标记为已回答,以防有人无意中碰到它,并进行了完全正确的修复。