【问题标题】:Display flex and line-clamp显示 flex 和 line-clamp
【发布时间】:2016-08-18 14:53:31
【问题描述】:

我在 Chrome 上遇到线夹问题。

当我使用display:-webkit-box 时一切正常,但是当我放置 display: flex(这是 display: box 的最新版本)时,它就不行了

Example

【问题讨论】:

  • 请在您的问题中添加重现您的问题所需的代码。像这样写完全不清楚你的意思是什么以及你卡在哪里。

标签: css google-chrome flexbox


【解决方案1】:

CanIUse.com

这是一个

专有且未记录 CSS 属性,当与 display:-webkit-box 结合使用时,将包含给定行数的文本。当 text-overflow: ellipsis 包含在内时,它将以省略号结尾。

我的重点。

另外...

由于没有规范并且该属性依赖于 flexbox 的过时实现(因此显示:-webkit-box),因此其他浏览器不太可能按原样支持该属性,尽管替代解决方案可能在某些时候替换它。

【讨论】:

    猜你喜欢
    • 2021-01-24
    • 2020-12-02
    • 2021-09-07
    • 2013-09-16
    • 2017-03-29
    • 2017-08-08
    • 2019-02-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多