Question

我正在尝试重新创建www.kotaku.co.uk首页。如果你看那里的页脚特别是'热门标签'列表。从我看来它是一个非常标准的列表，但每行的右手项目没有分界线。如果您调整窗口大小，您可以看到其行末端的每个项目都没有分隔线。

有人能告诉我他们是如何实现这一目标的吗？我尝试过使用flexbox，它的结果看起来非常漂亮，但是在某些情况下，每个列表项的大小调整都有些过于高涨。几天我一直在摸不着头脑，这让我很生气。

由于本

Answer 1

嗯，我也在摸不着头脑，因为为什么它会像那样讨厌，但我能够将代码缩小到{{{ 1 {} display: inline＆{39}和li display: inline-block内的a。不知道那个组合在行的末尾禁用了元素的边界是什么，但确实如此。

＆＃13;

li

＆＃13;

*{margin:0;padding:0;}
li {
  display: inline;
  border-right: 1px solid black;
}
li a {
  display: inline-block;
}

＆＃13;