CSSで「 内の要素を水平方向に揃えるにはどうすればよいですか?」

でリスト項目を水平に表示するCSS の使用

質問:

を水平方向に配置するにはどうすればよいですか?

内の要素CSS を使用していますか?

回答:

リスト項目を水平方向に表示するには、その固有のブロック要素の動作を変更し、display プロパティを使用してそれらをインライン要素に変換する必要があります。

コード修正:

提供されたコードでは、 display: inline プロパティは

に直接適用され、リスト項目には影響しません。代わりに、リスト項目を具体的に選択する必要があります。

#ul_top_hypers li {
  display: inline;
}

説明:

display: inline プロパティを各

に適用することで、要素の場合、それらはインライン要素になります。インライン要素は周囲の親コンテナ内で水平方向に流れ、水平方向に整列することができます。

作業例:

次の更新されたコード スニペットは、リスト項目を水平方向に表示します。

<div></div>

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