Question

在我的网站上，我有一个部分，我正在使用一定数量的li，具体取决于有多少条目。

因此，假设有3个条目，将生成3个li。当有4个条目时，将生成4个li，依此类推。我所做的是给我的ul columns值，该值根据有多少条目而改变。

这一切都完美无瑕。但是我现在想要的是在每一个李上画一个阴影。当我尝试这样做时，只有最后一个li应该按照应有的方式实现。有谁知道我怎么能改变这个？

我的李属于class item。我尝试申请的css如下

.item{width:100%; max-width: 290px; box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);}

希望有人能告诉我如何解决我的问题

修改

根据要求，这是一个发生了什么的例子。 https://jsfiddle.net/x0u9xao0/

Answer 1

问题是列停在元素的底部，因此您无法看到底部阴影（低于该值）
在每个列表元素中添加margin-bottom意味着该列继续了更多，因此您可以看到底部阴影

见fiddle

使用列时，每个li上都有相同的阴影

1 个答案: