「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
表紙 > プログラミング > インラインブロック列を垂直に整列する方法は?

インラインブロック列を垂直に整列する方法は?

2025-04-20に投稿しました
ブラウズ:403

How to Align Inline-Block Columns Vertically?

インラインブロック列の垂直アライメント

を使用すると、列を作成するためにインラインブロックを作成すると、コンテンツが最初の列に追加されると、後続の列が垂直に垂直になります。これは、垂直アライインCSSプロパティを利用することで解決できます。コンテナのCSS宣言に。これにより、各列内のコンテンツに関係なく、すべての列が上部に垂直に整列することが保証されます。

。 ディスプレイ:インラインブロック。 垂直アライイン:トップ; 高さ:100%; ラインハイト:100%; 幅:33.33%; アウトライン:1pxダッシュレッド。 / *デモのためだけに */ }

.cont span {
    display: inline-block;
    vertical-align: top;
    height:100%;
    line-height: 100%;
    width: 33.33%;
    outline: 1px dashed red; /* Just for Demo */
}

を使用するためにインラインブロックを使用できますが、列間の潜在的な空白の問題のために最適な解決策ではない場合があります。代わりにフレックスボックスまたはCSSグリッドを使用することを検討してください。列のレイアウトとアライメントをより制御するためです。

最新のチュートリアル もっと>

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3