ホームページ > 記事 > ウェブフロントエンド > インラインブロックを同じ行に水平に配置するにはどうすればよいですか?
インライン ブロックには、ベースラインの整列や自動センタリングなど、フローティング要素に比べて利点があります。視野が狭くなったとき。ただし、2 つのインライン ブロックを同じ線上に水平に整列させると、問題が発生する可能性があります。
効果的な解決策の 1 つは、text-align を利用することです。 : justify テクニック:
.header { text-align: justify; background: #ccc; } .header:after { content: ''; display: inline-block; width: 100%; height: 0; font-size: 0; line-height: 0; } h1 { display: inline-block; margin-top: 0.321em; } .nav { display: inline-block; vertical-align: baseline; }
以上がインラインブロックを同じ行に水平に配置するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。