CSS中的

標(biāo)簽是用來(lái)創(chuàng)建無(wú)序列表的。在這個(gè)無(wú)序列表中，每一項(xiàng)都用
• 標(biāo)簽表示。有時(shí)我們需要讓這個(gè)無(wú)序列表自動(dòng)適應(yīng)它所在的容器的寬度，這時(shí)可以使用CSS的一些技巧。

  首先，我們需要將每一個(gè)

• 標(biāo)簽設(shè)置為display: inline-block。然后設(shè)置
  標(biāo)簽為white-space: nowrap，這是為了讓每個(gè)
  • 標(biāo)簽都在同一行內(nèi)，而不是換行。接著，我們需要給
    標(biāo)簽設(shè)置寬度為100%。這樣，這個(gè)無(wú)序列表就能夠自動(dòng)適應(yīng)它所在容器的寬度了。

    ul {
    width: 100%;
    white-space: nowrap;
    }
    li {
    display: inline-block;
    }

    當(dāng)然，還有其他一些技巧可以讓無(wú)序列表自動(dòng)適應(yīng)容器的寬度，比如使用flexbox布局、使用網(wǎng)格布局等。但是以上介紹的方法相對(duì)簡(jiǎn)單，適用范圍也比較廣泛。