文本显示省略号

white-space有四个值:

其中空白合并表示多个空白符会合并为一个空格
pre与pre-wrap的区别在于当文字占满一行时,pre不会自动换行,而pre-wrap会自动换行(即使没有换行符)

将文本显示为省略号可以使用下面的方式:

white-space: nowrap; // 不换行
overflow: hidden;
text-overflow: ellipsis
同时display建议为block
如果display为inline-block,需要指定宽度
posted @ 2020-02-11 14:32  kanaliya  阅读(298)  评论(0)    收藏  举报