css - 没有特定边框的 ul 网格

Question

我想删除边 Angular 的边框，如下图所示，而不使用特定类，因为此网格根据数据在运行时生成列数。请指导我如何实现这一目标？

Fiddle

HTML:
<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

CSS:

ul{list-style:none; width:260px;}
ul li{
    display:block;
    width:50px;
    height:50px;
    border:1px solid black;
    float:left;
    margin-left:-1px;
    margin-top:-1px;
}

Answer 1

您可以删除 border-bottom 和 border-right。重置 ul 上的 padding 并将 overflow 设置为 hidden: DEMO

如果你愿意，你也可以调整盒子模型，但不需要看到它 working

---

and if i remove an li ?

---

does ul width matters ?