CSS初心者です。要素を二つ横に並べて、右の要素内の文章が長くなった場合はブロックごとではなく要素の中で改行してほしいのですが、やり方がわかりません。

画像

HTML、CSS | ホームページ作成66閲覧xmlns="http://www.w3.org/2000/svg">100

ベストアンサー

1

1人がナイス!しています

その他の回答(1件)

1

新規HTMLファイルを作成し、完全コピペで表示を確認して下さい。 <!DOCTYPE html> <html> <head> <!-- metaタグでcharsetをUTF-8に設定しています。 (モチロン他のキャラクターセットに変更しても良いですが)必ずcharsetに設定されているキャラクターセットでセーブして下さい。 --> <meta charset='UTF-8'> <TITLE></TITLE> <style> .Flex_Container { display: flex; column-gap: 0.5rem; position: relative; } .Flex_Container > * { display: inline-block; } .WordBreak_BreakAll { word-break: break-all; } .WhiteSpace_Nowrap { white-space:nowrap; } </style> </head> <body> <div class="Flex_Container" > <div class="" > 要素1 </div> <div class="" > 要素2-aaa </div> </div> <div class="Flex_Container" > <div class="WhiteSpace_Nowrap" > 要素3 </div> <div class="WordBreak_BreakAll" > bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb </div> </div> </body> </html>

1人がナイス!しています