如何縮進一個段落？

你好，這是一段，我是作家。我的名字是約翰·萊維特，人們都叫我荷蘭Joh（約翰）總之，我必須使用動態網頁語言如Javascript，jQuery的，PHP等

創建基於Web涼東西的愛好，但我希望有一個段落要這樣：

（空間）（空間）你好，這是一段，我是作家。我的名字是約翰·萊維特，人們都叫我荷蘭Joh（約翰）總之，我必須使用動態網頁語言如Javascript，jQuery的，PHP等創建的Web涼的東西的嗜好

2013-10-02 Johan Levitt

'p {TEXT-INDENT：123em; }'和/或'p：empty + p {text-indent：0;} }' – biziclop

設置text-indent CSS屬性。例如。

p{ 
 
    text-indent:50px; 
 
}

來源

2013-10-02 08:07:30

使用text-indent CSS屬性：

p { 
    text-indent: 30px; 
}

來源

2013-10-02 08:07:42 Jojo

嘗試像這樣。

> <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-02 08:11:21

您應該使用一個CSS類縮進要縮進的段落，用text-indent否則它可以在網頁上影響其他段落，像這樣：

的HTML：

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

和CSS：

.indented{ 
    text-indent: 50px; 
}

EXAMPLE FIDDLE

來源

2013-10-02 08:12:04

這很簡單。

p { 
     text-indent: 3em; 
    }

來源

2013-10-02 08:12:26

正如其他人回答的那樣，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; }

來源

2013-10-02 10:13:29

如何縮進一個段落？

回答

相關問題