CSS overflow-wrapプロパティにbreak-word)を指定して単語の途中改行
環境
Windows 10 Home 64bit
Google Chrome 110.0.5481.105(Official Build)
構文
overflow-wrap: break-word;
単語が表示領域を超える場合、単語の途中で改行します。
使用例
<!DOCTYPE html> <html> <head> <style> .pA { overflow-wrap: break-word; /*単語の途中でも改行*/ border: 1px solid #000; width: 100px; height: 30px; background: LightBlue; } </style> </head> <body> <p class="pA">studyskillbecomesmart</p> </body> </html>
結果
単語の途中でも改行されます。