HTML UL宽度

前端之家收集整理的这篇文章主要介绍了HTML UL宽度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
给出以下标记
<ul>
   <li>apple</li>
   <li class="highlight">orange</li>
   <li>pear</li>
</ul>

ul和li的宽度似乎都是100%。如果我将一个背景颜色应用于列表项,高亮部分会延伸页面的全部宽度。

我只想让背景高亮度拉伸到最宽的项目(可能有一些填充)。我如何将最大项目的宽度限制在li(或者ul的)宽度?

解决方法

添加ul {float:left; }样式将强制您的列表到首选的宽度,这是你想要的。

问题是,你应该确保下一个元素在列表之下,就像以前一样。结算应该照顾。

猜你在找的HTML相关文章