2014-06-11 119 views
0

嗨我一直在使用HTML一段時間,但今天我已經注意到有關HTML中的標籤的東西。我知道大家在學習HTML的時候都會注意到它。段落字間距

我的問題是,爲什麼我們不能在html <p>標記或<h1>標記中給出多於一個空格?

我的意思是,爲什麼是這樣的:

<p>ba ba    ba ba</p> 

與此相同:

<p>ba ba ba ba</p> 

兩者都有這樣的結果:

ba ba ba ba 

我知道的空間並不重要HTML,但<p> <h1>是文本的容器,所以他們只給一個空間。

我該如何做到這一點?

ba ba    ba ba 
+0

改變它的測試代碼,我想文本 – Xitas

+0

嗯..爲什麼呢?也許答案是HTML規範。我不知道,但我認爲這是更多的HTML渲染引擎不是嚴格的HTML語言的問題 – robertw

+0

這太寬泛了:有幾種替代方法來實現你所要求的,而選擇取決於你想要什麼* *爲什麼*。 –

回答

2

有幾種方法'欺騙'它(而不是r根本就是詭計)。

​​

<p>Hello there whats<span></span> your name</p> 

隨着風格:

span{ 
    width:50px; 
    display:inline-block; 
} 

它看起來像:

Hello there whats   your name 

還有anothe r選項,使用&nbsp;

這意味着「非破壞性空間」。

JSFiddle

HTML:

<p>Hello there whats&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;your name</p> 

將會產生

Hello there whats   your name 

第三個選項是添加margin

JSFiddle

HTML:

<p>Hello there whats<span></span>your name</p> 

CSS:

span{ 
    margin:0 50px; 
} 

最終結果是:

Hello there whats   your name 

我會這樣做的方式是使用white-space:

JSFiddle

HTML:

<p>Hello there whats    your name</p> 

CSS:

p{ 
    white-space:pre; 
} 

最終結果:

Hello there whats    your name 
+0

或者餘量而不是寬度的元素將是很好的。 – robertw

+0

有很多不同的做法,但我也會添加一個!謝謝@robertw – Albzi

+0

你已經編輯過你回答很多來自其他人的答案,但它可以解釋很多。 – Xitas

3

您可以使用&nbsp;而不僅僅是空間如:

<p>ba&nbsp;&nbsp;ba&nbsp;&nbsp;&nbsp;&nbsp;ba ba</p> 

fiddle

你也可以閱讀本指南:

Non-Breaking Space in HTML