如何縮進除第一行之外的段落中的所有文本？

我想要做的是縮進第一行後的所有內容。

現在它看起來像：

Categories: Aperiri 
nostrum similique cu 
pro, maiorum delectus 
quo eu. Mentitum

我試圖讓它看起來像：

Categories: Aperiri 
    nostrum similique cu 
    pro, maiorum delectus 
    quo eu. Mentitum

我嘗試添加的CSS：

display: block; 
margin: 2px;

但這使我的文字環繞。

我怎樣纔能有內聯顯示，但也縮進後的第一行在CSS？

來源

2014-01-23 Grammin

最快的方法是將想要縮進的文本縮進「」中，並將其樣式縮放。 – ElendilTheTall

相關：http://stackoverflow.com/q/20510651/2680216 –

如何：

.hClass p{ 
    padding-left: 20px; 
} 


.iClass{ 
    font-style: oblinque; 
    color: rgb(136, 136, 136); 
    font-family: Arial,Liberation Sans,DejaVu Sans,sans-serif; 
    margin-left: -20px; 
}

參見：http://jsfiddle.net/gVJK8/5/

來源

2014-01-23 18:34:37

您可以使用具有負值的text-indent屬性並用左邊距對其進行補償。

例如：

.negative-indent { 
    margin-left: 40px; 
    text-indent: -40px; 
}

參考爲text-indent屬性：MDN

來源

2014-01-23 18:26:41

我可以用display：inline; ？ – Grammin

我更新了我的jsfiddle，它看起來不正確。 http://jsfiddle.net/QvpL4/ – Grammin

我相信下面的代碼（http://stackoverflow.com/a/21316564/3227787）解決了你的問題。問題是，你正試圖讓它適用於兩個div的組合，同時只調整其中一個div的CSS。 :) –

用途：一線UND文本縮進標記。將整個文本放在一個塊（div或段落）中。縮進所有行，然後設置第一行文本縮進= 0

例子：

p { text-indent: -10px } 
p:first-line { text-indent: 0 }

來源

2014-01-23 18:28:41

我有同樣的問題。當在段落中存在複雜的佈局（例如表格）時，這裏直到現在發佈的答案給我一個不好的結果（字母相互重疊）。

經過多次嘗試後，我發現以下內容並未與這些混淆。

text-indent: 0.5em hanging;

只在Chrome中試過。

來源

2018-01-12 14:51:03 peter

如何縮進除第一行之外的段落中的所有文本？

回答

相關問題