CSS之APP开发比较实用的CSS属性

简介：本人刚入前端没多久，在做APP的开发的时候，经常遇到一些奇怪的问题，本人经验少，会使用js来解决css上的问题，但，却不知道其实有些css已经帮我们解决了。

1，white-space: nowrap;

 

值	描述
normal	默认。空白会被浏览器忽略。
pre	空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap	文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。
pre-wrap	保留空白符序列，但是正常地进行换行。
pre-line	合并空白符序列，但是保留换行符。
inherit	规定应该从父元素继承 white-space 属性的值。

　　此属性，解决了我们显示数据的时候，由于后台数据中有空格而造成的布局错落，或则难看，可以使用其属性来忽略掉

2，text-overflow:ellipsis;

　　

值	描述	测试
clip	修剪文本。	测试
ellipsis	显示省略符号来代表被修剪的文本。	测试
string	使用给定的字符串来代表被修剪的文本。

　　此属性非常有用，记得在开发APP的时候，有数据列表展示，每个数据都有图片和文字描述，但是文字太多了，我们不需要那么多的字，刚开始的时候，我使用js来控制文字的个数，但是很不明智啊，不过这个有缺点是，不支持多行修剪。

 

 

　　

 

转载于:https://www.cnblogs.com/zhiyuan-2011/p/4025972.html