在HTML文本的開頭顯示空白處

Question

我將之前的問題縮小爲;

我不能在HTML文本的開頭顯示空格？

例如，我想盡可能使用;

<p>    This is a paragraph.</p> //    This is a paragraph. 

但它的行爲完全一樣;

<p>This is a paragraph.</p> 

我該怎麼做？

Answer 1

您可以使用CSS屬性white-space: pre;不垮的空間：

p { 
 
    \t white-space: pre; 
 
    \t color: black; 
 
    \t background: pink; 
 
    }

<p>    This is a paragraph.</p>

Answer 2

如果你必須有你可以使用 空間，所以代碼看起來像：

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is a paragraph.</p> 

對於5位。雖然我認爲你可能最好使用CSS來添加填充/邊距樣式來實現你所追求的。

編輯

片段添加使用填充方法：

p.padded { 
 
    padding:.3em .5em .1em 2em; 
 
}

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum voluptas, culpa, quam, totam ex illum earum cupiditate, odit delectus cum atque dignissimos. Culpa praesentium perspiciatis incidunt pariatur. Doloremque, illum, sequi.</p> 
 

 
<p class="padded">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum voluptas, culpa, quam, totam ex illum earum cupiditate, odit delectus cum atque dignissimos. Culpa praesentium perspiciatis incidunt pariatur. Doloremque, illum, sequi.</p>

Answer 3

若要縮進段落，使用text-indent:1em;

您不能在HTML創建空白爲您展示一個文本區域，因爲whitespace is always collapsed一個空間。