除了css中的第一段之外,我怎样才能将每个段落的开头缩进文本缩进?

时间:2017-01-27 12:37:07

标签: css css3 sass

正如标题所说我有一个p元素,我希望文本缩进每个段落的开头,而不是第一段,我不想要任何文本缩进。我怎么能在css中做到这一点?

6 个答案:

答案 0 :(得分:2)

您可以为第一段提供课程,然后执行以下操作:

p:not(.first){
  text-indent:30px
}

请参阅此链接:https://jsfiddle.net/n5pjgev6/400/

答案 1 :(得分:0)

CSS

p > span {
  margin: 5px;
  display: inline-block;
}
p > span:first-child {
  text-indent: 25px;
}

<强> JSFIDDLE

答案 2 :(得分:0)

您可以通过将text-indent属性应用于段落来实现此目的:

p {
    text-indent: 50px;
}
  

text-indent属性指定在元素的文本内容的第一行开头之前应移动多少水平空格文本。间距是从块级容器元素的起始边缘计算的。

摘自 CSS Tricks

答案 3 :(得分:0)

DEMO

    p{
  text-indent:40px
}
p:first-child{
  text-indent:0;
}

答案 4 :(得分:0)

另一个选项,不需要在页面中添加任何其他标记或类: http://codepen.io/panchroma/pen/jyaOJL

p{
  text-indent:20px;
}

body p:first-child{
  text-indent:0;
}
祝你好运!

答案 5 :(得分:0)

你可以用这个:

p:not(:first-child) {
   text-indent:30px;
}