当前位置: 首页 > 面试题库 >

第二行的css省略号

马寒
2023-03-14
问题内容

text-overflow: ellipsis第二行的CSS ,这可能吗?我在网上找不到。

例:

我想要的是这样的:

I hope someone could help me. I need 
an ellipsis on the second line of...

但这是怎么回事:

I hope someone could help me. I ...

问题答案:

text-overflow: ellipsis;工作要求是white-spaceprenowrap等)的单行版本。这意味着文本永远不会到达第二行。

嗯 在纯CSS中不可能。

编辑 如果优秀的CSS众神将实现我们可以使用fragments(new)和max-lines(new)在纯CSS中进行模糊处理。

编辑2 WebKit / Blink具有line-clamp-webkit-line-clamp: 2将省略号放在第二行。



 类似资料:
  • 问题内容: 我有一个基于flexbox的布局。两列,一列固定大小,第二列需要占用其余空间。在成长列中,我有一个字符串,希望将其剪切掉。 在Chrome中可以正常运行。但它在Firefox和IE中不起作用。我试图通过使用相对位置和绝对位置来给grow(flex item)内部元素一个宽度来修复它,但是随后我得到了一个损坏的布局。损坏与元素的高度未考虑其所有子元素有关。 注意:flex grow项目内

  • 无论字符多少,最多显示俩行,字数超出俩行,第二行行首用省略号显示,不足俩行的,显示全部字符。 如下

  • 问题内容: 关于此的几个问题: 这是好习惯吗? 它将大规模地缩短加载时间吗? 会导致浏览器“崩溃”吗? JavaScript(/ jQuery)中的最后一个函数是否也是如此? 我的意思是这样的: 问题答案: 这是好习惯吗? 手动排除分号不是一个好习惯。这纯粹是因为添加更多样式时很容易忽略,尤其是在团队中工作时: 假设您从以下内容开始: 然后有人添加了一些样式: 突然,另一个开发人员在浪费时间弄清楚

  • 为什么全是字母多行省略不生效 文字多行省略生效

  • 省略 不推荐省略 0 值单位,原因如下: CSS 规范中可以省略单位只有 [<length-percentage>](https://drafts.csswg.org/css-values-3/#typedef-length-percentage),其他比如角度单位 deg 在 Chrome 中可以省略, 这是浏览器的 Bug。 注:可以省略的单位包括:%|em|ex|ch|rem|vw|vh|v

  • 我不知道为什么这个简单的CSS不起作用... null null 应该在第4次“测试”前后切断