1

在网络上，段落通常是这样的：

你好，这是一段，我是作者。我的名字是 Johan Levitt，人们简称我 Joh (Johan)，我有一个爱好，即使用 Javascript、jQuery、PHP 等动态 Web 语言在 Web 上创建很酷的东西。

但我想要一个段落是这样的：

（空格）（空格）你好，这是一个段落，我是作者。我的名字是 Johan Levitt，人们简称我 Joh (Johan)，我有一个爱好，即使用 Javascript、jQuery、PHP 等动态 Web 语言在 Web 上创建很酷的东西。

4

6 回答 6

5

设置text-indentcss属性。例如

p{
   text-indent:50px;
}

于 2013-10-02T08:07:30.293 回答
2

试试这样。

> <p style="text-indent:30px;">Hello, this is a paragraph and I am the
> writer. My name is Johan Levitt, people calls me Joh (Johan) in short
> and I have a hobby of creating cool stuffs on Web using dynamic web
> languages like Javascript, jQuery, PHP, etc.</p>
于 2013-10-02T08:11:21.637 回答
2

使用text-indentCSS 属性：

p { 
    text-indent: 30px;
}
于 2013-10-02T08:07:42.903 回答
0

您应该使用 CSS 类来缩进要缩进的段落，text-indent否则可能会影响页面上的其他段落，如下所示：

的HTML：

<p class="indented">
    text
</p>

和CSS：

.indented{
    text-indent: 50px;
}

示例小提琴

于 2013-10-02T08:12:04.280 回答
0

这很简单。

   p { 
        text-indent: 3em;
    }
于 2013-10-02T08:12:26.637 回答
0

正如其他人所回答的那样， text-indentCSS 中的属性就是为此目的而设计的。但很可能您还想抑制段落之间的默认垂直间距，因为通常使用第一行缩进而不是这种分隔，而不是除此之外。

假设您的所有段落都被标记为p元素，您只需将以下内容添加到您的样式表中：

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

这会添加一个等于字体大小的缩进。那，或者更多一点，是常见的印刷实践。如果您想要一个等于两个空格的数量，则 的值0.5em是一个合适的近似值（空格的宽度因字体而异，0.25em可能被视为平均值）。

通常的做法是省略标题后的缩进，您可以通过添加来实现

h1+p, h2+p, h3+p, h4+p, h5+p, h6+p { text-indent: 0 }

在项目符号列表、表格等之后使用缩进的做法有所不同。这是一个设计问题，但在使用第一行缩进时可能应该考虑一下。一种极端但并非不切实际的方法是仅当一个段落出现在另一个段落之后时才使用第一行缩进；为此，您将只使用规则

p+p { text-indent: 1em; margin: 0; }
于 2013-10-02T10:13:29.810 回答