Reactを使用してレンダリングされたネストされたフレックスアイテムのdivは、等しい/正しいサイズに制限されていませんか?

オブジェクト の値が rows prop 自体はタイプ ‘object’ です。これを行うために、子 TableRow コンポーネントをレンダリングする親 Table コンポーネントがあり、Sub… 続きを読む Reactを使用してレンダリングされたネストされたフレックスアイテムのdivは、等しい/正しいサイズに制限されていませんか?

Flexbox の中央の div は縮小されないため、ネストされた要素のテキストを切り捨てることはできません

画面が小さくなると、ID first-item の span 内の長いテキストを切り捨てようとしています。ただし、親にマージンが設定されている場合、親は縮小できないため、切り捨ては機能しないようです。 Why do no… 続きを読む Flexbox の中央の div は縮小されないため、ネストされた要素のテキストを切り捨てることはできません

CSS でボタンをページの下部にプッシュできない

Flexbox で遊ぶのは久しぶりです。ボタンをページの一番下に押し込もうとしています。親コンテナは常にそれを行うためのサイズを持っている必要がありますか?それが私が望む結果を得る唯一の方法のようですが、ページ上の他のも… 続きを読む CSS でボタンをページの下部にプッシュできない

ディスプレイ付きのボックスのサイズが変更されていません:サファリのフレックス

HTML と CSS でスライダー カルーセルを作成しようとしており、Chrome で動作しています。画像に display: flex を取り付けましたが、これはクロムで動作していますが、サファリでは動作しません。画像… 続きを読む ディスプレイ付きのボックスのサイズが変更されていません:サファリのフレックス

テキスト入力の左側に画像を配置するにはどうすればよいですか?

左のテキスト入力内に画像を収めようとしました。float を使用してみました。それを div にしてラップしてみました。画像に背景画像を作成してみました。それを壊すか、違いを生まないかのどちらかです。どうしたらいいかわか… 続きを読む テキスト入力の左側に画像を配置するにはどうすればよいですか?

フレックスボックス内の比率でテキストを縦に揃えるにはどうすればよいですか?

たとえば、次の html と css があります。コンテナーの高さは 88 ピクセルで、コンテナー内の各 div にはスパンが含まれており、コンテナーの半分の高さである必要があります。 div の 1/3 の高さのように… 続きを読む フレックスボックス内の比率でテキストを縦に揃えるにはどうすればよいですか?

css – すべてのフレックスアイテムの高さと幅を等しくするが、高さと重量の固定値を使用しない方法 [複製]

この質問にはすでに回答があります: フレックス アイテムがコンテンツ サイズを超えて縮小しないのはなぜですか? (5 回答) CSS で長い単語を分割する (6 回答) 3 日前に閉店しました。 ここには 3 つの fl… 続きを読む css – すべてのフレックスアイテムの高さと幅を等しくするが、高さと重量の固定値を使用しない方法 [複製]

フレックスボックスを使用して、div タグや何かに関連しないスペースに画像を移動するにはどうすればよいですか?

私は Web 開発を行っており、段落の横にある画像の配置と場所に関して助けが必要です。 現在の様子です .img-2yb { パディングトップ: 20px; 幅: 20%; フロート: 左; } 画像の左側は空白です。 … 続きを読む フレックスボックスを使用して、div タグや何かに関連しないスペースに画像を移動するにはどうすればよいですか?

複数のテキスト要素の間に必要な CSS ラッピング ブレーク ポイント

わかりました。StringA、StringB、StringC の 3 つの変数があります。 StringA と StringB を組み合わせて外部ページにリンクします。 デフォルトでは、3 つの要素はすべて同じ行にありま… 続きを読む 複数のテキスト要素の間に必要な CSS ラッピング ブレーク ポイント

ある画面サイズで Flexbox が親からはみ出す

レスポンシブでなければならない 3 つのフレックスボックス アイテムを連続して作成する必要があります。画面のほぼすべてのサイズで、レンダリングは希望どおりですが、あるサイズでは、ライトコーラルのフレックスボックス コンテ… 続きを読む ある画面サイズで Flexbox が親からはみ出す