如何在HTML中的文本之間的空格？

你如何在HTML中的文本之間放置空格？例如，如何在HTML中的文本之間的空格？

<p>a b  c</p>

你認爲b和c之間有空間？

來源

2017-02-26 weather api

'' 可能是你在找什麼。或者你可以在''標籤中包裝一個字母並應用邊距或填充。像'

a b c

' –

可能的重複[如何在HTML中創建小空間？]（http://stackoverflow.com/questions/2720770/how-to -create-small-spaces-in-html） –

嘗試使用white-space與價值pre。

pre保留了空格的序列。行僅在源中的換行符處和<br>元素處斷開。

p { 
 
    white-space: pre; 
 
}

<p>a b  c</p>

使用monospaced的字體，如果你需要在每個黑的空間來採取一個字符的寬度。

p { 
 
    white-space: pre; 
 
    font-family: monospace; 
 
}

<p>a b  c</p>

來源

2017-02-26 02:31:27 Stickers

您可以嘗試在它們之間放置 。像這樣：

<p>a b&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;c</p>

來源

2017-02-26 02:05:26

不是一個乾淨的解決方案。 –

這並不乾淨，但你的問題沒有具體說明什麼可以和不可以做什麼。你已經問過如何保持'

a'c

'（呵呵，內聯不保留空格）的空格，這正是答案提供的。請嘗試澄清你的答案多一點 –

有幾種方法。

PRE標記

一種是使用<pre>標籤，這會使與空白的完整內容。

空間實體

另一個是增加空間的實體，如 （不間斷空格）。請記住這種方法，有幾個空間實體，這個特定的實體不會自動換行，這可能不是你想要的行爲。  呈現一個正常空間， ~~，瀏覽器不應該摺疊~~ ，並且會按預期的方式打開文字。

這是您可以使用的list of different Unicode spaces。

CSS

而且，你通常不應使用HTML實體來創建文本這不是一個統一的句子的部分之間的空間。這是因爲在這種情況下，更好的解決方案是使用margin或padding來分隔兩者，並將它們分別保存在它自己的元素中。

另一個答案提到，如果間距一致但比正常大，CSS letter-spacing也是一個選項。

這裏的所有這些方法的一個例子（CSS在這裏並不重要）：

th, td { 
 
    border: 1px solid black; 
 
    padding: 3px; 
 
} 
 

 
th { 
 
    background-color: darkgrey; 
 
    color: white; 
 
} 
 

 
table { 
 
    border-collapse: collapse; 
 
} 
 

 
body { 
 
    font-family: sans-serif; 
 
}

<table> 
 
    <thead> 
 
    <tr> 
 
     <th colspan="2">HTML Spacing</th> 
 
    </tr> 
 
    <tr> 
 
     <th>Method</th> 
 
     <th>Result</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td>Normal</td><td><p>a b  c</p></td> 
 
    </tr> 
 
    <tr> 
 
     <td>Pre Tag</td><td><pre>a b  c</pre></td> 
 
    </tr> 
 
    <tr> 
 
     <td>Margin Left</td><td><span>a </span><span>b</span><span style="margin-left: 3.5em;">c</span></td> 
 
    </tr> 
 
    <tr> 
 
     <td>Non-breaking Space</td><td><p>a b&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;c</p></td> 
 
    </tr> 
 
    <tr> 
 
     <td>Em Space</td><td><p>a b&#8192;&#8192;&#8192;&#8192;&#8192;&#8192;&#8192;c</p></td> 
 
    </tr> 
 
    <tr> 
 
     <td>Letter-Spacing</td><td><span>a </span><span style="letter-spacing: 3.5em;">bc</span></td> 
 
    </tr> 
 
    </tbody> 
 
</table>

來源

2017-02-26 02:08:23 KthProg

使用 。這也不會中斷。

來源

2017-02-26 02:12:33 Yogi

使用the CSS propertyword-spacing來設置單詞之間的空格。您也可以使用<span>並應用邊距或填充。

所以：

span { margin-left:1em } 
<p>a b <span>c</span></p>

來源

2017-02-26 02:24:10 Rob

如何在HTML中的文本之間的空格？

回答

相關問題