单行文本超出隐藏:
在这里插入代码片
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
多行文本超出隐藏:
在这里插入代码片
overflow:hidden;/*超出隐藏*/
text-overflow:ellipsis;/*文本溢出时显示省略标记*/
display:-webkit-box;/*设置弹性盒模型*/
-webkit-line-clamp:3;
-webkit-box-orient:vertical;/*子代元素垂直显示*/
改方法只能在本地使用,可以尝试在后面加上下面俩行代码试试
/*! autoprefixer: off */
/*autoprefixer: on */
其他多行溢出隐藏方法:思路
///可以考虑用… + 定位来实现
首行缩进
text-indent: ;