案例：CSS3 案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style>
5
p.test1
6
{
7
width:11em;
8
border:1px solid #000000;
9
word-break:hyphenate;
10
}
11
​
12
p.test2
13
{
14
width:11em;
15
border:1px solid #000000;
16
word-break:break-all;
17
}
18
</style>
19
</head>
20
<body>
21
​
22
<p class="test1">This is a veryveryveryveryveryveryveryveryveryvery long paragraph.</p>
23
<p class="test2">This is a veryveryveryveryveryveryveryveryveryvery long paragraph.</p>
24
​
25
<p><b>注释：</b>目前 Opera 不支持 word-break 属性。</p>
26
​
27
</body>
28
</html>
29
​