css首行缩进的方法有哪些

lewis 2019-03-22 21次阅读

  1. 使用text-indent属性

可以通过设置text-indent属性来实现首行缩进。例如:

p {

text-indent: 2em;

}

  1. 使用padding属性

可以通过设置padding-left属性来实现首行缩进。例如:

p {

padding-left: 2em;

}

  1. 使用margin属性

可以通过设置margin-left属性来实现首行缩进。例如:

p {

margin-left: 2em;

}

  1. 使用伪元素

可以使用伪元素:before来添加一个空白元素来实现首行缩进。例如:

p:before {

content: “”;

display: inline-block;

width: 2em;

}

注意:以上方法中,text-indent属性只能作用于文本内容,而padding、margin和伪元素方式可以作用于任何元素。



发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。