CSS:忽略中心对齐文本上的缩进

时间:2014-11-28 01:14:26

标签: css indentation text-align

刚开始在线发布故事和论文,我发现有几个网站有非常基本的文本编辑器,除非你使用CSS工作皮,否则不允许进行大量的基本格式化。在这里搜索了主题后,我发现了一些有用的代码,但遇到了一些问题。我想知道的是,是否有办法设置中心对齐文本以忽略缩进而不将其设置为特定类?

#workskin p {
  text-indent: 45px;
}

我有上面的设置来缩进每个段落的第一行,但它也会缩进所有偏向中心的内容。我希望对上面的代码进行一些调整,迫使它忽略中心对齐的文本。

#workskin p.chapter {
  text-align:center;
  text-indent:0;
}

我学会了如何设置一个类来解决这个问题,但我要做的一些帖子将需要数百或数千个中心对齐线,所以我真的希望我可以用一些代码而不是必须手动将它们设置为类。感谢您提供任何帮助!

编辑:要指定我要求的内容,我想强制所有中心对齐的文字都有0缩进,所以我不必手动插入:

<p class="chapter">

成千上万次。

段落---想要缩进
段落---想要缩进
中心文本/分隔符/章节标题/等... ----不要想缩进
段落---想要缩进
中心文本/分隔符/章节标题/等... ----不要想缩进
模式继续随机

2 个答案:

答案 0 :(得分:3)

第一种样式具有比p.chapter更具体的选择器,因此文本缩进保持为45px。你还需要:

#workskin p.chapter {   
    text-align:center;
    text-indent:0;
}

答案 1 :(得分:1)

做一些像:

 #workskin p.chapter {
      display: block;
      text-align:center;
      text-indent:0!important;
     /* "!imporatnt" ensures that it overrides
     previous indent property set, if the value 0 
     and specification doesn't solve the problem */
    }

要缩进第一段,请执行以下操作,其他段落都不会缩进。

#workskin p:first-of-type { /* Targets just the first paragraph */
     text-indent: 45px;
}