0

我对使用 css 的“文本缩进”有问题，我想要的是，有 3 行或更多行的段落，因为我想对前两行应用“文本缩进”样式，其余行将变为正常对齐。我尝试过使用 CSS，但我无法得到预期的结果，所以任何人都可以帮助我。提前致谢。

4

4 回答 4

1

您可以使用伪元素float:left来实现这一点

p:before
{
    content: '';
    display:inline-block;
    width: 20px;
    height: 30px; /* however much you need for 2 lines */
    float:left;
}

小提琴

于 2014-04-08T08:44:00.827 回答
0

这可能会有所帮助：

<html>
<dl>
<dt><a href="http://www.thesitewizard.com/css/hanging-indents.shtml">Hanging Indents in CSS and HTML</a></dt>
<dd><p>This article describes how you can create hanging indents on your web pages using CSS and HTML.</p></dd>
<dd><p>This is second line of hanging index</p></dd>
<p>This is normal text line 3.</p>
</html>

演示： http: //www.compileonline.com/try_html5_online.php

于 2014-04-08T08:55:01.503 回答
0 
<p class="indent">This is the first line.</br>
   This is the second Line
<p/>
<p>Those are other header or text or p or something else</p>

CSS

.indent {
   text-indent:50px;
}
于 2014-04-08T08:45:53.987 回答
0

text-indent 用于在每个段落之前应用空格。因此，如果您想为前两行留出空间，您可以将它们分成两段，或者将这些行封装在另一个元素（div/span）中并应用 margin-left 或 padding-left，这取决于你是什么寻找。

于 2014-04-08T08:43:35.310 回答