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

iteye_12652

于 2014-11-05 10:52:33 发布

阅读量98

点赞数

分类专栏： web前端文章标签： css html

本文链接：https://blog.youkuaiyun.com/iteye_12652/article/details/82608489

版权

web前端专栏收录该内容

10 篇文章

订阅专栏

1、word-break


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

不加的效果：
[img]http://dl2.iteye.com/upload/attachment/0102/8401/e9c2fdfe-c8f4-30cf-b870-8990b13a065a.png[/img]

加上的效果：
[img]http://dl2.iteye.com/upload/attachment/0102/8399/c7efca0e-dfc7-37ae-b770-46002808fc83.png[/img]

2、word-wrap


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

不加的效果：
[img]http://dl2.iteye.com/upload/attachment/0102/8401/e9c2fdfe-c8f4-30cf-b870-8990b13a065a.png[/img]
加上的效果：
[img]http://dl2.iteye.com/upload/attachment/0102/8405/2cf9d42b-bc49-3b75-ad5d-6b349c0f19d8.png[/img]