Question

是否可以在纯CSS（允许伪元素，只是没有额外的HTML标记）中设置字符串可以占用的换行限制。换句话说，在换行时可以拆分字符串的次数。

我爱 - 黄 - 香蕉

这通常可以在破折号处打破：

i-
love-yellow-bananas

i-
love-
yellow-bananas

i-
love-
yellow-
bananas

但是如果你能指定一个限制就好了。我们说我将限制设置为2，然后输出只能是：

i-love-yellow-bananas

i-
love-yellow-bananas

i-
love-
yellow-bananas

而不是

i-
love-
yellow-
bananas

因为在这种情况下，字符串被拆分3次，这比我给出的字符串多。

有些人想知道为什么，即使这是＆＃34; funzies＆＃34;，这是一个用例：

我有从服务器获取的数据。您可以猜到，这是一个巨大的HTML表格中的一些基本表格数据。其中一列是一个ID，由许多字符组成，用短划线分隔。浏览器会看到这些破折号并认为＆＃34;哦，这是一个不错的断点。让我们来吧！＆＃34;即使你不介意休息一两次，你也不想超越顶部（因为浏览器在打破行时往往会这样做），所以你希望限制浏览器看起来的级别为了方便出路（即易受影响的列中的容易断点）。

Answer 1

我认为在纯CSS中不可能这样做。查看此页面，其中描述了文本操作的所有可能性： https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Text

另一篇很棒的文章：https://justmarkup.com/log/2015/07/dealing-with-long-words-in-css/

设置字符串换行中允许的最大换行量

1 个答案: