前端之家收集整理的这篇文章主要介绍了
HTML UL宽度,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
给出以下
标记:
<ul>
<li>apple</li>
<li class="highlight">orange</li>
<li>pear</li>
</ul>
ul和li的宽度似乎都是100%。如果我将一个背景颜色应用于列表项,高亮部分会延伸页面的全部宽度。
我只想让背景高亮度拉伸到最宽的项目(可能有一些填充)。我如何将最大项目的宽度限制在li(或者ul的)宽度?
添加ul {float:left; }样式将强制您的列表到首选的宽度,这是你想要的。
问题是,你应该确保下一个元素在列表之下,就像以前一样。结算应该照顾。
原文链接:https://www.f2er.com/html/232586.html