Html 从第2段开始的文本缩进

Html 从第2段开始的文本缩进,html,css,text-indent,Html,Css,Text Indent,我有来自DB$row[text]的文本,它看起来像: 首先 第二 第三,您可以通过将文本缩进应用于所有p标记,并在第一个子项上删除它来实现: p{文本缩进:20px} p:第一个子项{文本缩进:0} 首先 第二 第三,您可以通过将文本缩进应用于所有p标记,并在第一个子项上删除它来实现: p{文本缩进:20px} p:第一个子项{文本缩进:0} 首先 第二 第三,您可以使用第n个子伪类来实现这一点。它也接受一个公式,并用0替换n,以此类推,因此公式变成2+n p:n-child2+n{文本缩

我有来自DB$row[text]的文本,它看起来像:

首先

第二


第三,您可以通过将文本缩进应用于所有p标记,并在第一个子项上删除它来实现:

p{文本缩进:20px} p:第一个子项{文本缩进:0} 首先

第二


第三,您可以通过将文本缩进应用于所有p标记,并在第一个子项上删除它来实现:

p{文本缩进:20px} p:第一个子项{文本缩进:0} 首先

第二


第三,您可以使用第n个子伪类来实现这一点。它也接受一个公式,并用0替换n,以此类推,因此公式变成2+n

p:n-child2+n{文本缩进:20px}


您可以使用第n个子伪类来实现这一点。它也接受一个公式,并用0替换n,以此类推,因此公式变成2+n

p:n-child2+n{文本缩进:20px}


这取决于p元素的标记上下文和所需的排版实践。例如,如果p元素紧跟在列表或表格之后,是否应该缩进?意见不一致。在任何情况下,一旦您决定了排版策略,您可能可以使用合适的上下文选择器来处理它,除非您需要担心IE的较旧版本

在一个极端情况下,您只能在一个段落紧跟另一个段落之后缩进该段落,因为这是真正需要缩进的上下文。当您使用缩进时,通常希望防止段落之间的默认垂直间距,因此可以使用

p + p { text-indent: 1em; }
p { margin: 0; }

使用em单元优于px,因为它可以适应字体大小的变化。通常1em就足够了。

这取决于p元素的标记上下文和所需的排版实践。例如,如果p元素紧跟在列表或表格之后,是否应该缩进?意见不一致。在任何情况下,一旦您决定了排版策略,您可能可以使用合适的上下文选择器来处理它,除非您需要担心IE的较旧版本

在一个极端情况下,您只能在一个段落紧跟另一个段落之后缩进该段落,因为这是真正需要缩进的上下文。当您使用缩进时,通常希望防止段落之间的默认垂直间距,因此可以使用

p + p { text-indent: 1em; }
p { margin: 0; }

使用em单元优于px,因为它可以适应字体大小的变化。通常1em就足够了。

p:nth-child2{…}但不是100%确定。你想从第二段开始,然后再开始吗?@Fred ii-所说的可能有用,或者你可以试试:p{text indent:20px;}p:nth-child1{text indent:0;}它应该缩进除第一段以外的所有段落。@Tom Yours看起来更有希望。我对CSS有点不了解。我一直在忙于SQL lolp:n-child1+n{…}是您正在寻找的内容for@Tom好像有人接受了你的建议。p:nth-child2{…}但不是100%确定。你想从第二段开始,然后再开始吗?@Fred ii-所说的可能有用,或者你可以试试:p{text indent:20px;}p:nth-child1{text indent:0;}它应该缩进除第一段以外的所有段落。@Tom Yours看起来更有希望。我对CSS有点不了解。我一直在忙于SQL lolp:n-child1+n{…}是您正在寻找的内容for@Tom似乎有人接受了你的建议。这意味着,例如,标题后面的p元素将缩进,因为它不是其父元素的第一个子元素,这与排版惯例相反。@JukkaK.Korpela是的,这是事实。感谢您添加。这意味着,例如,标题后面的p元素将缩进,因为它不是其父元素的第一个子元素,这与排版惯例相反。@JukkaK.Korpela是的,这是事实。谢谢你添加。谢谢。这对我有效,而其他解决方案无效。谢谢。这对我有效,而其他解决方案则无效。