0

有没有办法在不使用 JavaScript 的情况下做到这一点？如果问题不清楚......我有一个无序列表，其中包括几个列表项，它们的内容宽度都不同。我希望将所有宽度设置为列表项的最长内容宽度。

4

4 回答 4

1

采用

 display: block;
 width: 100%;

在你的 CSS 类中。

于 2013-09-20T04:57:20.497 回答
1

您可以将列表显示设置为inline-block或table使其适合其内容，而不是充当块：

ul {
    display: inline-block;
}

演示小提琴

于 2013-09-20T05:01:32.497 回答
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;
}

演示

于 2013-09-20T05:01:42.380 回答
1 
li
{
    background:Red;
}
ul
{
    display:inline-block;
}

这是小提琴

于 2013-09-20T05:07:36.773 回答