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参考手

Internet Explorer
Firefox
Chrome
Opera
Safari


![box-shadow[css3.0参考手册]](/d/file/webkaifa/CSS/2012-11-09/67f47fb6ec0346889fbde7fd4dab0eef.jpg)