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-space
(pre
,nowrap
等)的单行版本。这意味着文本永远不会到达第二行。
嗯 在纯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次“测试”前后切断