如何在水平無序列表 () 內垂直居中列出項目 ()？

垂直對齊

垂直對齊中的元素水平

內的元素對於美觀和可用性來說通常是必要的。解決方法如下：

可以使用CSS來設定

• 的行高。元素等於其高度，如下所示：

  <code class="css">li {
      height: 30px;
      line-height: 30px;
  }</code>

  在您提供的程式碼中：

  • 每個
  • ;高度為 100px。
  • 按鈕的高度不同，為 50px（由 .button 類別給出）。

  要垂直居中內容，您應該添加以下行高樣式表的值：

  <code class="css">.toolbar li {
      line-height: 100px; /* For regular list items */
  }
  .toolbar li.button {
      line-height: 50px; /* For button list items */
  }</code>

  這將確保所有清單項目及其內容垂直位於中間。

以上是如何在水平無序列表 () 內垂直居中列出項目 ()？的詳細內容。更多資訊請關注PHP中文網其他相關文章！