Question

这是一个例子fiddle。

我要做的是在第一行之后缩进所有内容。

现在看起来像：

Categories: Aperiri 
nostrum similique cu 
pro, maiorum delectus 
quo eu. Mentitum

我试图让它看起来像：

Categories: Aperiri 
  nostrum similique cu 
  pro, maiorum delectus 
  quo eu. Mentitum

我已经尝试添加到css：

display: block;
margin: 2px;

但这会搞砸我的文字包装。

如何在css的第一行之后进行内联显示还是缩进？

Answer 1

您可以使用带有负值的text-indent属性，并使用左边距进行补偿。

例如：

.negative-indent {
    margin-left: 40px;
    text-indent: -40px;
}

text-indent属性的参考：MDN

Answer 2

使用：第一行和文本缩进标记。将整个文本放在一个块（div或段落）中。缩进所有行，然后将第一行设置为text-indent = 0.

示例：

p { text-indent: -10px }
p:first-line { text-indent: 0 }

Answer 3

这个怎么样：

.hClass p{
    padding-left: 20px;
}


.iClass{
    font-style: oblinque;
    color: rgb(136, 136, 136);
    font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif;
    margin-left: -20px;
}

请参阅：http://jsfiddle.net/gVJK8/5/

Answer 4

我遇到了同样的问题。直到现在发布的答案给我一个不好的结果（字母相互重叠），当段落中存在复杂的布局（例如表格）时，这些答案是未缩进的。

经过多次尝试后，我发现以下内容并没有弄乱这些。

text-indent: 0.5em hanging;

仅在Chrome中尝试过。

Answer 5

我发现最好使用这样的简单解决方案：

p:nth-child(n+2){text-indent: 3px;}

除第一行外，如何缩进段落中的所有文本？

5 个答案: