この場合、div を中央に配置するにはどうすればよいですか?_html/css_WEB-ITnose

私のページはおおよそ次のとおりです:



つまり、実際のページは次のようになります。最終的にタグは次のとおりです。

• ...
li>..



これらの div のスタイルを ul 全体の中央に設定するにはどうすればよいですか?中央揃えのスタイルを使用する必要がある理由は次のとおりです。どのサイズの画面でも中央に表示したいので、そうしないと要素の間隔を調整するだけで画面サイズが変わってしまい、軌道から外れてしまいます

アドバイスお願いします~~~~






ディスカッションへの返信 (解決策)

ul の下にネストされた div 要素は、XHTML 仕様に準拠していません。 ul はブロックレベルの要素で、固定幅の値を設定した後、margin:0 auto; スタイルによって中央に配置できます。異なるスタイルを設定するためにリスト項目を「グループ化」する必要がある場合は、次のような異なるスタイル クラスを追加することで実行できます。また、ul: text-align でスタイルを設定することによって効果を確認することもできます。 ：中心 。 。 。 。

しかし、text-align はテキストに対してのみ機能するようです

最終的に、問題は 1 行 4 列を要求したので、各行に 4 つの div を作成し、幅を 25% に設定しました。

を内側に配置し、margin:auto を設定します

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。