Question

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

您好，这是一个段落，我是作家。我的名字是Johan Levitt，人们简称为Joh（Johan），我喜欢使用动态网络语言（如Javascript，jQuery，PHP等）在Web上创建很酷的东西。

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

（空格）（空格）你好，这是一个段落，我是作家。我的名字是Johan Levitt，人们简称为Joh（Johan），我喜欢使用动态网络语言（如Javascript，jQuery，PHP等）在Web上创建很酷的东西。

Answer 1

设置text-indent css属性。 E.g。

p{
   text-indent:50px;
}

Answer 2

使用text-indent CSS属性：

p { 
    text-indent: 30px;
}

Answer 3

尝试这样。

> <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>

Answer 4

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

html：

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

和CSS：

.indented{
    text-indent: 50px;
}

EXAMPLE FIDDLE

Answer 5

很简单。

   p { 
        text-indent: 3em;
    }

Answer 6

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

假设您的所有段落都已标记为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; }

如何缩进一个段落？

6 个答案: