国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Tailwind CSS で 2 番目の flex 項(xiàng)目を最初の項(xiàng)目の周?chē)欷衰楗氓驻工敕椒à碎vするガイド
P粉156983446
P粉156983446 2023-08-02 18:31:22
0
1
585
<p>2 つの flex アイテムを含む flex コンテナがあります。最初のフレックス項(xiàng)目はコンテナの幅を決定し、2 番目のフレックス項(xiàng)目はコンテナの周?chē)欷驀欷啾匾ⅳ辘蓼埂?Tailwind CSS をスタイル設(shè)定に使用していますが、希望するレイアウトが得られません。 <br /><br />これが私の現(xiàn)在のコードです: </p><p><br /></p> <pre class="brush:html;toolbar:false;"><div class="flex flex-col"> <div class="flex-initial w-2/3 bg-blue-500 p-4"> <!-- 最初の子 --> <!-- 最初の子の內(nèi)容 --> </div> <div class="bg-red-500 p-4"> <!-- 殘りのすべてのコンポーネントがそれを囲みます --> <!-- 殘りのコンポーネントの內(nèi)容 --> </div> </div> </pre> <p>w-2/3 を使用して最初の子の幅を設(shè)定しようとしましたが、2 番目の子は依然としてコンテナ內(nèi)の使用可能なスペースをすべて占有します。 2 番目の flex アイテムを最初のアイテムの周?chē)欷衰楗氓驻丹?、最初のアイテムにコンテナの幅を決定させるにはどうすればよいでしょうか? <br /><br />ご支援やご指導(dǎo)を賜りまして、誠(chéng)にありがとうございます。前もって感謝します! </p>


P粉156983446
P粉156983446

全員に返信(1)
P粉402806175

問(wèn)題を完全に理解しているかどうかはわかりませんが、解決策は次のとおりです。

  • まず、最初の子 div には、w のような固定幅を使用します。 -56。
  • 次に、w-fit クラスを親 div に追加します。
リーリー
最新のダウンロード
詳細(xì)>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート