Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

-webkit-box-orient: vertical; 这个样式编译之后会被过滤掉 #5710

Closed
ShaoGongBra opened this issue Mar 16, 2020 · 8 comments
Closed
Assignees

Comments

@ShaoGongBra
Copy link
Contributor

我的样式是这样的,用来做多行省略号的,但是-webkit-box-orient: vertical;编译成小程序和h5之后这个样式就不见了,cli版本是2.0.6,我隐约记得之前的可能1.几的版本是可以使用省略号的,但是最近的版本就一直不行了。

&--2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
  }
@taro-bot
Copy link

taro-bot bot commented Mar 16, 2020

CC @luckyadam

@taro-bot
Copy link

taro-bot bot commented Mar 16, 2020

欢迎提交 Issue~

如果你提交的是 bug 报告,请务必遵循 Issue 模板的规范,尽量用简洁的语言描述你的问题,最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足,或者已经其他 issue 已经存在相关内容,你的 issue 有可能会被关闭。

Good luck and happy coding~

@ShaoGongBra
Copy link
Contributor Author

经测试后发现是webpage的编译问题,按照下面的写法就能正常编译

&--2 {
    display: -webkit-box;
    overflow: hidden;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
  }

@infinnie
Copy link

感谢

@infinnie
Copy link

其实可以手动添加更高版本的 autoprefixer 依赖。

@GeSnowBoy
Copy link

其实可以手动添加更高版本的 autoprefixer 依赖。

请问怎么升级

@infinnie
Copy link

其实可以手动添加更高版本的 autoprefixer 依赖。

请问怎么升级

package.json

@WanQuanXie
Copy link

其实可以手动添加更高版本的 autoprefixer 依赖。

请问怎么升级

package.json

自己在项目中手动安装最新版本的 autoprefixer 并不生效,编译的时候还是用的 cli 内部自己的 autoprefixer 版本,还是得用注释的形式去 hack

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants