我怎麼能顯示一些文本與HTML空間，雙空格字符

我需要顯示以下內容作爲HTML文本（逐字）：我怎麼能顯示一些文本與HTML空間，雙空格字符

T H I S I S A T E X T

正如你可以看到：

所有字符在空格字符
的空間已經翻了一番
我想有一個內部的<a>標籤

我曾嘗試是：

<a href="#">T H I S I S A T E X T</a>

但HTML壓縮幾個空格字符爲一體。

我該如何強制雙空格？

來源

2013-06-21 dangonfast

我今天新學到了一些東西http://stackoverflow.com/questions/433493/why-do-multiple-spaces-in-an-html-file-show-up-as-single-spaces-in - 瀏覽器 –

實際上每個打印字符之間是否有空格字符或只是分開字母？ –

使用＆nbsp並不好，因爲我猜。您可以使用字母間距 – underscore

字母間距

定義和用法

信間距屬性增加或減小在文本字符之間的空間中。

<!DOCTYPE html> 
    <html> 
    <head> 
    <style> 
    a {letter-spacing:5px;} 

    </style> 
    </head> 

    <body> 
    <a href="#">THIS IS A TEXT</a> 
    </body> 
    </html>

WORKING DEMO

來源

2013-06-21 13:00:02 underscore

它的工作原理！謝謝！ – dangonfast

你想要一個不間斷空格卡拉科特$nbsp; ......它是HTML實體 avaible在那裏一個;-)

來源

2013-06-21 12:55:35 gmo

使用 你的信是這樣間： T H I S  I S  A  A  T E X T

來源

2013-06-21 12:55:49

您可以通過CSS做

letter-spacing: 5px;

來源

2013-06-21 12:58:04 stackErr

比所有非休息空間更具可讀性。 – 2013-06-21 13:00:11

比& NBSP其是非破，是& EMSP其是雙空間（在句子的結尾是有用的），或& ensp其是單一的空間更好的解決方案。

來源

2015-08-21 15:20:31

您可以使用HTML pre標籤和樣式，例如，

<a href="#"><pre>T H I S I S A T E X T</pre></a>

預標籤保留在HTML任意數量的空格。您還可以將其設置爲普通文字，例如

<style> 
    pre { 
     background: transparent; 
     display: inline; 
     border: none; 
     padding: 0; 
    } 
</style>

來源

2018-02-23 13:06:48 user723893

我怎麼能顯示一些文本與HTML空間，雙空格字符

回答

相關問題