多行文本超出隐藏正常写法为：
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
但是在taro2编译/打包的时候会少了 -webkit-box-orient: vertical; 这一行
所以需要加上
/* ！autoprefixer: off/ // 这个地方没有感叹号实测会出现编译有效，打包无效
-webkit-box-orient: vertical;
/autoprefixer: on */
编译的时候跳过这一行
最终代码：
display: -webkit-box;
-webkit-line-clamp: 3;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
overflow: hidden;
text-overflow: ellipsis;
多行文本超出隐藏正常写法为： display: -webkit-box;-webkit-line-clamp: 2...
一.多行文本换行并且省略号方案 二.单行文本显示省略号方案 三.在react项目中多行文本省略号不生效 是因为在编...
CSS文本超出三行自动隐藏 显示省略号 CSS文本长度超出宽度如何显示省略号
text-overflow: ellipsis
minx.less 设置圆角 默认为5px 多行文本超出显示省略号 单行文本显示超出省略号 清除浮动
css3渐变生成工具 文本 text-overflow clip 隐藏超出文本 ellipsis 超出部分使用省略...
单行超出省略号overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; ...
1、text-overflow clip: 隐藏超出文本 ellipsis: 超出部分使用省略号 文字超出部分裁剪...
CSS3文本 1.text-overflow clip: 隐藏超出文本ellipsis: 超出部分使用省略号 2....
超详细的文本溢出添加省略号。。。。 前言 需求：富文本溢出隐藏，超出用省略号表示。 博主：文本溢出倒是做过不少，这...
本文标题：taro-多文本超出省略不生效解决方案
本文链接：https://www.haomeiwen.com/subject/pmoocktx.html
网友评论