单行文本与多行文本的省略号写法
单行文本
white-space:nowrap; (不折行)
overflow:hidden; (溢出隐藏)
text-overflow:ellipsis; (省略号)
多行文本
display:-webkit-box (内核,先把他变为一个盒子)
overflow:hidden; (溢出隐藏)
word-break:break-all (允许在单词内换行)
-webkit-box-orient: vertical; 从上到下垂直排列子元素(设置伸缩盒子的子元素排列方式)
text-overflow:ellipsis; (省略号)
-webkit-line-clamp:number(数值) (从第几行开始变成省略号)
语法:word-break : normal | break-all | keep-all
参数: normal :允许在字内换行
break-all : 语言文本行的任意字内断开
keep-all : 不允许字(单词内)断开。