CSS中的

和
• 元素常用于制作網(wǎng)站的導(dǎo)航菜單。有時候我們需要將導(dǎo)航菜單中的選項并排顯示，這時候就要使用CSS來實現(xiàn)。接下來我們將學(xué)習(xí)如何使用CSS來實現(xiàn)并排顯示
• 元素。

  首先，我們需要設(shè)置每個

• 元素的寬度和高度，以使它們能夠并排顯示。我們可以使用CSS的width和height屬性來實現(xiàn)這一點，如下所示：

  li {
  width: 100px;
  height: 50px;
  }

  接著，我們需要使用CSS的display屬性來將每個

• 元素設(shè)置為行內(nèi)元素。這樣就可以將所有的
• 元素并排顯示了，代碼如下：

  li {
  width: 100px;
  height: 50px;
  display: inline-block;
  }

  此時，我們還需要注意將

  元素的默認行內(nèi)元素樣式去掉，以便將
  • 元素作為行內(nèi)塊元素來處理，如下所示：

    ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    }

    最后，我們可以使用CSS的text-align屬性來水平對齊

  • 元素，如下所示：

    ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    text-align: center;
    }

    通過以上的CSS設(shè)置，我們就可以將

  • 元素并排顯示了。