使用 CSS 设置段落的每 n 行样式

问题描述 投票:0回答:1

如何使用 css 手动添加换行符或插入标签来设置段落的每第 n 行样式,以便换行符仍然由容器的宽度定义?有没有类似于 :nth-of-type

 但针对段落中的行的东西?

示例:

我想设计这个:

<p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. <p>
像这样:

Lorem ipsum dolor sat amet,consetetur

sadipscing elitr、sed diam nonumy eirmod

暂时的劳动和痛苦

aliquyamerat,seddiamvoluptua。

(换行符应由容器的宽度定义。)

我的想法:

p:nth-line(2n) { font-weight: bold; }
    
html css css-selectors
1个回答
0
投票
显然,纯粹使用 CSS 是不可能的,但 Vincent Decaux 在这里指出了类似问题的答案:

https://stackoverflow.com/a/1966633/999617 这个答案使用js来灵活地设置特定行的样式。

© www.soinside.com 2019 - 2024. All rights reserved.