2

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

如何强制使用双空格？

4

6 回答 6

4

你可以通过 CSS 做到这一点

letter-spacing: 5px;
于 2013-06-21T12:58:04.257 回答
3

比不中断的   更好的解决方案是 &emsp ，它是双空格（在句子末尾有用），或者 &ensp 是单空格。

于 2015-08-21T15:20:31.543 回答
2

字母间距

定义和使用

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

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

    </style>
    </head>

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

工作演示

于 2013-06-21T13:00:02.100 回答
1

您可以使用 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>
于 2018-02-23T13:06:48.393 回答
0

你想要一个不间断的空间字符$nbsp;......它是可用的HTML 实体之一;-)

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

于 2013-06-21T12:55:35.817 回答
0

&nbsp;像这样在你的字母之间 使用：T&nbsp;H&nbsp;I&nbsp;S&nbsp;&nbsp;I&nbsp;S&nbsp;&nbsp;A&nbsp;&nbsp;A&nbsp;&nbsp;T&nbsp;E&nbsp;X&nbsp;T

于 2013-06-21T12:55:49.013 回答