フレックス項目に固定高さを設定してもサイズに影響しないのはなぜですか?-CSSチュートリアル-php.cn

フレックス項目に固定高さを設定してもサイズに影響しないのはなぜですか?

Barbara Streisand

リリース： 2024-11-23 01:05:28

オリジナル

691 人が閲覧しました

Why Doesn't Setting a Fixed Height on a Flex Item Affect Its Size?

この例では、次の行を処理するだけで十分です。

.flex-item {
    ... ;
    height: auto;
}

ログイン後にコピー

その値を次のように変更します。

.flex-item {
    ... ;
    height: 50px;
}

ログイン後にコピー

この変更により、何も変わりません。高さは引き続き自動的に計算されます。

すべてのセルを正方形にするには、以下を参照してください:

フレックスボックスを使用してすべてのセルを正方形にする方法の 1 つを次に示します。

手動または絶対値としてアスペクト比を制限するには、すでに行ったようにパーセンテージを使用して設定します。
次にリセットします。これらのセルのフレックスボックス関連の高さ/幅を自動にします。これらにより、コンテナのサイズが変更されたときにアイテムのサイズが変更されずに済みます。

.flex-item {
  ... ;
  height: auto;
  width: auto;
  min-width: 50px; /* minimum width of 50px; adapt to your needs */ 
}

ログイン後にコピー

以上がフレックス項目に固定高さを設定してもサイズに影響しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。