word-wrap : normal | break-word
word-wrap 控制文本内容换行【CSS3.0参考手册】
语法:
取值:
- normal:
- 控制连续文本换行。
- break-word:
- 内容将在边界内换行。如果需要,词内换行(word-break)也会发生。
说明:
- 设置或检索当当前行超过指定容器的边界时是否断开转行。
兼容性:
类型 | Internet Explorer | Firefox | Chrome | Opera | Safari |
---|---|---|---|---|---|
版本 | (√)IE6 | (×)Firefox 2.0 | (√)Chrome 1.0.x | (×)Opera 9.63 | (√)Safari 3.1 |
(√)IE7 | (×)Firefox 3.0 | (√)Chrome 2.0.x | (√)Safari 4 | ||
(√)IE8 | (√)Firefox 3.5 | ||||
示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css word-wrap 控制文本内容换行</title> <style type="text/css"> div{ width:300px;word-wrap:break-word;border:1px solid #999999;} </style> </head> <body> <div> wordwrapbreakwordwordwrapbreakwordwordwrapbreakwordwordwrapbreakword </div> </body> </html>
来源://作者:/更新时间:2014-01-07
顶
踩
相关文章:
- css 设置背景色或图片半透明的方法(图文)
- css 设置背景色透明的方法(图文)
- 高端大气简约的表格式样实例_蓝色紫色table css 样式_
- html颜色代码表大全_HTML背景颜色代码_html字体颜色表
- resize 调节元素尺寸大小【CSS3.0参考手册】
- text-overflow 文本溢出显示省略标记【CSS3.0参考手册
- text-shadow 文字阴影及模糊效果【CSS3.0参考手册】
- Multiple backgrounds 多重背景图象【CSS3.0参考手册
- background-size 设置背景图片的大小【CSS3.0参考手
- background-clip 指定区域向外裁剪背景【CSS3.0参考手