幅がいっぱいのとき、単語区切りで改行するか単語内で改行するかを設定する方法。
<html>
<head>
<title>改行設定</title>
<style type="text/css">
<!--
p {
width: 50%;
}
.nr { word-break: normal; }
.break { word-break: break-all; }
.keep { word-break: keep-all; }
-->
</style>
</head>
<body>
<p class="nr">英語：単語の区切りで改行｜日本語：行末で改行 [デフォルト]</p>
<p class="break">どの言語も行末で改行 = 単語内で改行</p>
<p class="keep">どの言語も単語の区切りで改行</p>
</body>
</html>
タグ
コメントをかく