word-break和word-wrap的使用和區別
阿新 • • 發佈:2018-11-06
問題起源: 中文是一個字就是一個單詞,而英文字母要有一個空格才將他們分割為一個單詞;文字換行沒事,主要是英文
<!DOCTYPE html>
<html>
<head>
<style>
p.test1
{
width:11em;
border:1px solid #000000;
word-wrap:break-word;
}
p.test2
{
width:11em;
border:1px solid #000000;
word-break:break-all;
}
p.test3
{
width:11em;
border:1px solid #000000;
}
</style>
</head>
<body>
<p class="test1">This is a veryveryveryveryveryveryveryveryveryvery long paragraph.</p>
<p class="test2">This is a veryveryveryveryveryveryveryveryveryvery long paragraph.</p>
<p class="test3">This is a veryveryveryveryveryveryveryveryveryvery long paragraph.</p>
<p><b>註釋:</b>目前 Opera 不支援 word-break 屬性。</p>
</body>
</html>