HTML/CSS の 3 列レイアウト
問題:
HTML があります左、中央、右の 3 つの列が垂直に配置されたレイアウト。 HTML 構造を変更せずに、CSS を使用してこれらの列を水平に再配置したいと考えています。
解決策:
列を水平に配置するには、次の CSS プロパティを利用できます。
.column-left { float: left; width: 33.333%; } .column-right { float: right; width: 33.333%; } .column-center { display: inline-block; width: 33.333%; }
説明:
追加のヒント:
以上がHTML/CSSで垂直列を水平列に再配置するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。