css word-wrap 属性可以控制容器内文本的换行输出 方式。

注意：这是英文内容，中文不需要它控制直接换行。

语法

word-wrap: value;

属性值

其value值可以为：

值描述
normal默认在断点处进行换行。
break-word在长单词或者url内部进行换行。
initial用于将该属性设置为默认值。
inherit从其父元素继承该属性.

例子：

<!DOCTYPE html>
<html>
	<title>css word-wrap 属性</title>
<head>
<style> 
	p{
		width: 200px;
		color:#000;
		background-color: orange; 
		border: 1px solid #000000;
		padding:10px;
	}
	.p1{}
	.p2 {
		word-wrap: break-word;
	}
</style>
</head>
<body>
<p class="p1"> css word-wrap 属性，默认值:
 iamsooooooooooooooooooooooooooooooolongggggggggggggggg。长单词在一行输出。</p>
<p class="p2"> css word-wrap 属性，长单词换行:
 iamsooooooooooooooooooooooooooooooolongggggggggggggggg。长单词将中断并换行到下一行。</p>
</body>

</html>
css word-wrap 换行属性