【html/css】日本語だと改行するのに英語だと改行しない

Question

![

このようにアルファベットだと改行しません。
掲示板を作っていて、そのスレッドのタイトルとして表示させたいのでbrなどは使えません。
アルファベットも改行させるにはどうすればよいでしょうか?

Answer 1

下記の
英語の折り返しでしたら、cssで該当のclass等に、

①word-break: break-word

か

②word-wrap:break-word;
overflow-wrap:break-word;
※2はcss3で名称が変わるので一緒に書いてください。

でいかがでしょうか？
既に試していたらごめんなさい。
よろしくお願いします＾＾

Comments

[taishi1999]

できました!ありがとうございます!

Answer 2

CSS での改行制御はちょっと複雑です。

参考情報：

• CSS 解説 改行方法の指定 http://so-zou.jp/web-app/tech/css/attribute/text/
• 折り返しを制御する2つのCSSプロパティ https://w3g.jp/blog/confusing_word-break_word-wrap

Comments

[taishi1999]

リンク載せてくださりありがとうございます。
複雑なだけに勉強甲斐がありますね。
やはりcssは奥が深いですね...