Question

我需要将以下内容显示为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将几个空格字符压缩成一个。

如何强制使用双倍空格？

Answer 1

你可以通过CSS

来做到这一点

letter-spacing: 5px;

Answer 2

比非破坏的更好的解决方案是＆amp; emsp，它是双倍空间（在句子的末尾有用），或者＆amp; ensp是单个空格。

Answer 3

<强>字母间距

定义和用法

letter-spacing属性增加或减少文本中字符之间的空格。

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

    </style>
    </head>

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

WORKING DEMO

Answer 4

你想要一个不间断空间字符$nbsp; ......这是 HTML实体之一; - ）

更多信息：http://www.w3schools.com/html/html_entities.asp

Answer 5

在您的信件之间使用 ，如下所示： T H I S  I S  A  A  T E X T

Answer 6

您可以使用HTML pre 标记并为其设置样式。

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

pre 标记可保留HTML中的任意数量的空格。您也可以将其设置为常规文本，例如

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

如何在HTML中显示带有空格的文本，并带有双倍空格字符

6 个答案: