css3(word-break、word-wrap的区别)

1、word-break

.article{
		width: 300px;
		height: 200px;
		/*word-wrap:break-word;*/
		word-break:break-all;
		background: #ccc;
	}

不加的效果：


加上的效果：


2、word-wrap

.article{
		width: 300px;
		height: 200px;
		word-wrap:break-word;
		/*word-break:break-all;*/
		background: #ccc;
	}

不加的效果：

加上的效果：