html - css - word-break 改行


 


1. word-break
2. 試してみる

1. word-break

 「word-break」は改行の禁則処理の方法を設定します。

word-break: normal;		←	英語のみ単語の切れ目で改行
word-break: keep-all;	←	すべての言語で単語の切れ目で改行
word-break: break-all;	←	すべての言語で単語の切れ目に関係なく改行
 次ページの行頭禁則処理とあわせて、文章の整形を行います。

2. 試してみる


<pre style="width: 10em; border: 1px solid green; word-break: ;">
This is English sentences.
これは、日本語の 文章です。
</pre>
 ってのを試してみます。  word-break: normal;(英語のみ単語の切れ目で改行)
This is English sentences.
これは、日本語の 文章です。
 word-break: keep-all;(すべての言語で単語の切れ目で改行)
This is English sentences.
これは、日本語の 文章です。
 word-break: break-all;(すべての言語で単語の切れ目に関係なく改行)
This is English sentences.
これは、日本語の 文章です。

audiobook.jp
U-NEXT
【usus ウズウズ】
葬送のフリーレン Prime Video
ベルリッツ
それがだいじWi-Fi
サウンドハウス
5G CONNECT
Amazonギフトカード
アフィリエイトのアクセストレード
TikTok Shop 【リピート用プログラム】
ネットオークションの相場、統計、価格比較といえばオークファン
損保との違い
健康サポート特集
薬屋の独り言
earthcar(アースカー)
ハイスピードプラン
JETBOY
EaseUS