仅缩进段落中的第一行文本？

Question

我有几段我想缩进,虽然只是这些段落的第一行.

我如何使用CSS或HTML仅定位第一行？

Answer 1

使用该text-indent属性.

p { 
   text-indent: 30px;
}

jsFiddle.

Answer 2

除了text-indent之外,:first-line如果要应用其他样式,还可以使用选择器.

p:first-line {
    color:red;
}

p {
    text-indent:40px;
}

http://jsfiddle.net/Madmartigan/d4aCA/1/

Answer 3

使用css非常简单:

p {
    text-indent:10px;
}

将在每个段落中创建一个10像素的缩进.

Answer 4

其他人提到了通过 CSS 实现此目的的最佳方法，但是如果您需要使用内联格式快速修复，只需使用以下代码：

<p style="text-indent: 40px">This text is indented.</p>

资料来源：https://www.computerhope.com/issues/ch001034.htm

Answer 5

我在缩进段落的第一行（仅第一行）时也遇到问题，并尝试使用以下代码：

p::first-line { text-indent: 30px; }

这不起作用。因此，我在 CSS 中创建了一个类，并在 html 中使用它，如下所示：

在CSS中：

.indent { text-indent: 30px; }

在 HTML 中：

<p class="indent"> paragraph text </p>

这就像一个魅力。我仍然不知道为什么第一个代码示例不起作用，并且我确实确保文本未对齐。