欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  CSS3word-break属性
 
  作用:word-break属性规定自动换行的处理方法。
 
  提示:通过使用word-break属性,可以让浏览器实现在任意位置的换行。
 
  语法:
 
  word-break:normal|break-all|keep-all;
 
  normal:使用浏览器默认的换行规则。
 
  break-all:允许在单词内换行。
 
  keep-all:只能在半角空格或连字符处换行。
 
  注:所有主流浏览器都支持word-break属性。但Opera不支持word-break属性。
 
  CSS3word-break属性的使用示例
 
  
 
  
 
  <!DOCTYPEhtml>
 
  <html>
 
  <head>
 
  <style>
 
  p.test1
 
  {
 
  width:11em;
 
  border:1pxsolid#000000;
 
  word-break:keep-all;
 
  }
 
  p.test2
 
  {
 
  width:11em;
 
  border:1pxsolid#000000;
 
  word-break:break-all;
 
  }
 
  p.test3
 
  {
 
  width:11em;
 
  border:1pxsolid#000000;
 
  word-break:keep-all;
 
  }
 
  p.test4
 
  {
 
  width:11em;
 
  border:1pxsolid#000000;
 
  word-break:break-all;
 
  }
 
  </style>
 
  </head>
 
  <body>
 
  <pclass="test1">Thisisaveryveryveryveryveryveryveryveryveryverylongparagraph.</p>
 
  <pclass="test2">Thisisaveryveryveryveryveryveryveryveryveryverylongparagraph.</p>
 
  <pclass="test3">Thisparagraphcontainssometext:Thelineswillbreakatanycharacter.</p>
 
  <pclass="test4">Thisparagraphcontainssometext:Thelineswillbreakatanycharacter.</p>
 
  </body>
 
  </html>







 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r54186.shtml