# 停止按钮中自动删除多余空格

**URL:** <https://meta.discourse.org/t/stop-auto-removing-of-extra-spaces-in-a-button/222864>\
**Category:** Support\
**Created:** [2022年四月1日 18:11 UTC](https://meta.discourse.org/t/stop-auto-removing-of-extra-spaces-in-a-button/222864 "2022-04-01T18:11:24Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jimkleiber](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jimkleiber/32/121814_2.png) [@jimkleiber](https://meta.discourse.org/u/jimkleiber)\
**Post date:** [2022年四月1日 18:11 UTC](https://meta.discourse.org/t/stop-auto-removing-of-extra-spaces-in-a-button/222864/1 "2022-04-01T18:11:24Z")

</div>

我已经自定义了登录和注册按钮的按钮文本，并且我正试图在第一个字符和其余字符之间添加一些额外的空格。

例如，类似这样：  
 ![image](https://global.discourse-cdn.com/meta/original/3X/7/2/72124043297cd7e54e0dc2ef66def9224f29a487.png)

但是，当按钮显示在屏幕上时，它显示为：  
`x Login`  
三个空格被减少到一个。

当我检查 `<span>` 时，它显示 `x Login`，但如果我双击该文本，它会显示原始的  
 ![image](https://global.discourse-cdn.com/meta/original/3X/7/2/72124043297cd7e54e0dc2ef66def9224f29a487.png)  
带有三个空格。

我尝试禁用“删除多余空格”和“美化”选项，但都没有效果。

有人知道为什么会这样以及我该如何解决吗？

编辑：我不得不编辑这个帖子，为带有三个空格的那个添加了截图，因为它在这里也发生了。

---

<div class="post-metadata">

**Author:** ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)\
**Post date:** [2022年四月1日 18:22 UTC](https://meta.discourse.org/t/stop-auto-removing-of-extra-spaces-in-a-button/222864/2 "2022-04-01T18:22:43Z")

</div>

如果使用三个 `&nbsp;`（不间断空格 HTML 实体）代替 HTML 代码中的空格，它是否有效？

```xml
<span class="d-button-label">x&nbsp;&nbsp;&nbsp;Login</span>

```

![image](https://global.discourse-cdn.com/meta/original/3X/8/3/83e51a5ef4389ecd84ba658b53ee5edec074ad6c.png)

没有不间断空格：  
 ![image](https://global.discourse-cdn.com/meta/original/3X/b/b/bb4920012bec9e9b5ca0f12983dd47b6b2652cea.png)

---

<div class="post-metadata">

**Author:** ![jimkleiber](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jimkleiber/32/121814_2.png) [@jimkleiber](https://meta.discourse.org/u/jimkleiber)\
**Post date:** [2022年四月1日 18:30 UTC](https://meta.discourse.org/t/stop-auto-removing-of-extra-spaces-in-a-button/222864/3 "2022-04-01T18:30:15Z")

</div>

> [@Canapin](#):
>
> 在 HTML 代码中使用三个 `&nbsp;`（不间断空格。HTML 实体）而不是空格，这样可以吗？

是的，可以！🤦🏻‍♂️ 如此简单，谢谢！

---

<div class="post-metadata">

**Author:** ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)\
**Post date:** [2022年五月1日 18:30 UTC](https://meta.discourse.org/t/stop-auto-removing-of-extra-spaces-in-a-button/222864/4 "2022-05-01T18:30:49Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.