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

【问题标题】：How can I fill the remaining space when dealing with an inline ul?处理内联 ul 时如何填充剩余空间？
【发布时间】：2010-10-15 23:22:23
【问题描述】：

我使用这个 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% 或其他内容？

谢谢，

【问题讨论】：

标签： html css

【解决方案1】：

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

【讨论】：