有没有办法在不使用JavaScript的情况下执行此操作?如果问题不清楚......我有一个无序列表,其中包含几个列表项,其内容宽度都不同。我希望将所有宽度设置为列表项的最长内容宽度。
答案 0 :(得分:1)
使用
display: block;
width: 100%;
在你的CSS课程中。
答案 1 :(得分:1)
答案 2 :(得分:1)
试试这个html,
<ul>
<li>
This is sample text.
</li>
<li>
This is sample text.
</li>
<li>
This is sample text.
</li>
<li>
This is sample text with longest content in unordred list.
</li>
</ul>
使用CSS,
ul {
display: inline-block;
}
li{
border:1px solid orange;
list-style:none;
margin-bottom:5px;
padding:10px;
}
<强> Demo 强>
答案 3 :(得分:1)
li
{
background:Red;
}
ul
{
display:inline-block;
}
这是fiddle