11

フレックスボックスを使用して、次の画像の最後の例を実現しようとしています。

ここに画像の説明を入力

私が見align-items: baseline;たところ、ブロックに1行しかない場合、プロパティはうまく機能します。

このプロパティalign-items: flex-end;は、主に左右の項目のフォント サイズと行の高さが異なるため、いくつかの問題を引き起こします。項目の端は揃えられていますが、項目に境界線がない場合、フォント サイズと行の高さの違いによって作成された余白は非常に見栄えが悪くなります。

私はJSなしで優れた万能ソリューションを見つけようとしています。

前もって感謝します。

4

2 に答える 2