Question

我用这个CSS让我的UL看起来很花哨

ul, li
{
  padding: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  display: inline;
}

li
{
  border: solid 1px #333333;
  margin-right: 5px;
  padding: 2px;
  background-color: #222222;
  color: #999999;
}

我想要一个具有相同图形样式的最终空列表项填充内联中的剩余空间。像

这样的东西

[项目A] [项目B] [项目C] [------大空单----------]

有可能弄清楚你剩下多少空间？你能将其中一个列表项设置为宽度为100％还是什么？

谢谢，

Answer 1

您可以在UL上使用背景颜色/图像，并使UL和LI具有相同的高度以产生此效果

在处理内联ul时如何填充剩余空间？

1 个答案: