Flexboxを使ったテキストの改行

Rank-LV1-Photonflux.com｜プロフェッショナルなWordPress修理サービス、ワールドワイド、迅速な対応

投稿日時(shí)：12月 2 15:44

8721

Elementor で Flexbox を使用すると、テキストの改行によって子要素のレイアウトに異常が発生します。改行が発生したときに子要素が常にコンテナにぴったりと収まるようにし、手動(dòng)で改行を追加しなくても殘りのスペースが子要素間で均等に配分されるようにするにはどうすればよいですか？

実現(xiàn)できますか？

子要素は、常にその「ボックス」（黒い枠）內(nèi)に収まるようにしてください。
殘留スペースがサブエレメントに均等に分配されるように。
手動(dòng)で改行する必要はありません。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個(gè)人サイト、中小企業(yè)サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨詢：1025174874
三 Eメール：info@361sale.com
④ 勤務(wù)時(shí)間: 月～金、9:30～18:30、祝日休み

點(diǎn)數(shù)

評価

解説合計(jì) 1

コメントを投稿するにはログインしてください

サインイン在籍

著者のみご覧ください。

キシソン

Rank-LV3-Photonflux.com｜プロフェッショナルなWordPress修理サービス、ワールドワイド、迅速な対応

私の考えを整理して、このCSSを追加します。


.parent {
  display: flex; flex-wrap: wrap；
  flex-wrap: wrap; justify-content: space-between; /* またはスペース均等 */
  justify-content: space-between; /* またはスペース均等 */。
}

.child {
  flex-grow: 1; flex-shrink: 1; }.
  
  フレックスベース: 30%; /* または幅を設(shè)定 */ } .child
  box-sizing: border-box; padding: 10px; /* インナーマージン */
  padding: 10px; /* インナーマージン */
  min-width: 200px; /* 最小幅 */。
}

12月2日 16:03