水平方向のリスト内の要素を垂直方向の中央に配置するにはどうすればよいですか?

縦揃え

内の要素

水平方向の

を作成する場合リストでは、各
• を垂直方向の中央に配置する必要がある場合があります。美的または機能的な理由からのアイテム。デフォルトでは、
• 要素はスペースの上部に整列します。この CSS プロパティを使用すると、縦方向の中央に配置できます。

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

  縦方向に配置するには
• 要素では、line-height プロパティを利用できます。 line-height を
• の高さと同じに設定することで、要素内のテキストは垂直方向の中央に配置されます。たとえば、それぞれの
• 高さが 30 ピクセルの場合、次の CSS ルールにより垂直方向の配置が実現されます:

以上が水平方向のリスト内の要素を垂直方向の中央に配置するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。