gpt4 book ai didi

css - 当文本在一行中很短或太长以至于被包裹时,是否可以为文本提供不同的样式?

转载 作者:行者123 更新时间:2023-11-28 09:11:01 25 4
gpt4 key购买 nike

我想在页面中显示一些书名。有些标题很短,只能在一行中显示,有些标题很长,会换行到 2 行。

是否可以仅使用 CSS 为这两种情况设置不同的样式(例如:colorline-height)?

例如如果标题在一行中,将颜色设置为绿色。但是,如果它太长或用户将窗口大小调整为较小的窗口,则显示为 2 行,将颜色设置为黄色?

最佳答案

我认为这仅用 CSS 是不可能的。您需要使用 JavaScript 来计算一行中的字符或单词数。

另一个解决方案是使用伪元素::first-line http://www.w3schools.com/cssref/sel_firstline.asp

但这不允许更改整个段落样式,只能更改第一行,而其余部分将具有主要的 css。

关于css - 当文本在一行中很短或太长以至于被包裹时,是否可以为文本提供不同的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26504733/

25 4 0