在HTML中，我們經(jīng)常會(huì)使用無(wú)序列表（<ul>）和有序列表（<ol>）來(lái)呈現(xiàn)一些內(nèi)容，而列表項(xiàng)是由<li>標(biāo)簽來(lái)定義的。但是，有時(shí)候我們希望設(shè)置<li>的寬度能夠自適應(yīng)高度，以便于更好地呈現(xiàn)內(nèi)容。

<ul>
<li>列表項(xiàng)一</li>
<li>列表項(xiàng)二</li>
<li>列表項(xiàng)三</li>
<li>列表項(xiàng)四</li>
</ul>

通常情況下，<li>的寬度是由其中的內(nèi)容來(lái)決定的，也就是說(shuō)，它的寬度是不固定的。如果要設(shè)置其寬度自適應(yīng)高度，我們可以使用CSS的display屬性來(lái)實(shí)現(xiàn)。

<style>
ul {
list-style: none;
}
li {
display: table;
width: 100%;
}
</style>
<ul>
<li>列表項(xiàng)一</li>
<li>列表項(xiàng)二</li>
<li>列表項(xiàng)三</li>
<li>列表項(xiàng)四</li>
</ul>

在上面的代碼中，我們?cè)O(shè)置<li>的display屬性為table，這樣就能夠讓它的寬度自適應(yīng)高度了。同時(shí)，我們還將<ul>的list-style屬性設(shè)置為none，去除了默認(rèn)的黑點(diǎn)。

以上就是關(guān)于HTML中如何設(shè)置<li>的寬度自適應(yīng)高度的內(nèi)容了。希望本文能夠?qū)δ兴鶐椭?/p>