word-break 强制换行的CSS实现,他们大家展示word-break 分别以normal、break-all、keep-all三种方式聚会后的效果,用的最多一般是break-all,但是在国外网站,normal属性使用较多。
Copy to Clipboard 引用的内容:[www.veryhuo.com]
引用的内容:[www.veryhuo.com]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>word-break</title> 
<style> 
.p1 
{ 
word-break:normal; 
} 
.p2 
{ 
word-break:break-all; 
} 
.p3 
{ 
word-break:keep-all; 
} 
p{ 
width:300px; 
height:50px; 
border:2px solid #000000; 
} 
</style> 
</head> 
<body> 
<p class="p1">这是一个关于词内换行属性的实例Howareyou。</p> 
<p class="p2">这是一个关于词内换行属性的实例Howareyou。</p> 
<p class="p3">这是一个关于词内换行属性的实例Howareyou。</p> 
</body> 
</html>