li文本较长,背景宽度问题

时间:2014-09-30 13:01:24

标签: javascript jquery html css

Fiddle with Issue

可以在下面的屏幕中观察到,li文字较长的背景较大而其他li背景较短。 注意:<ul>是可滚动的。我尝试了很多CSS属性,但无法解决问题。

注意:不需要为<ul>提供背景信息。我需要提供单个li项目的背景信息。

enter image description here

1 个答案:

答案 0 :(得分:2)

如果你想使用white-space:nowrap并在这种情况下制作他的容器ul填充最长项目的空间,那么你需要更改block行为。试试这个:

ul {
  display:inline-block;
}

选中 Demo Fiddle