html - 仅在换行上使用文本缩进

标签 html css

如何将文本缩进仅应用于换行(有换行符)?

现在,它看起来像这样:

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

    Lorem ipsum dolor sit amet.

但我希望它看起来像这样:

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Lorem ipsum dolor sit amet.

这可能使用 CSS 3 吗?我的 text-indent 设置为 text-indent: 20px

最佳答案

这是不可能的,css3 ::first-line 中有属性,但以下属性可以与::first-line 一起使用

font properties
color properties 
background properties
word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height
clear

这不适用于text -indent
您可以为每个多行文本添加另一个类或标签或跨度使用Javascript

关于html - 仅在换行上使用文本缩进,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48596848/

相关文章:

javascript - AJAX 将 HTML 放入用相同代码创建的 div 中

html - HTML输入自动完成功能在WKWebview中不起作用

html - SP2010 - 更改列表列的宽度,或使用 CSS 设置最大宽度

jquery - 兄弟 div 没有接受最高命令

html - 如何根据电脑屏幕的宽高让表格居中?

javascript - 改进我的可拖动 DIV

javascript - 如何获取本地存储值

jquery - 使按钮保持一种颜色,除非悬停在上面

html - IE10/Windows 8 奇怪的轮廓和所有元素的框阴影效果

image - 图 figcaption 位置 html 5