如何在跨度内居中一个符号文本？答案

【问题标题】：How to center one sign text inside span?如何在跨度内居中一个符号文本？
【发布时间】：2022-01-11 13:58:32
【问题描述】：

我有带有文本的示例跨度。在这种情况下，文本仅包含一个符号。如您所见，文本未居中。第二个文本“2B”也没有居中。我试过通过以下方式居中：

显示弹性
文本对齐

html:

<span class="d-flex justify-content-between">1&nbsp;</span>

css:

border: 2px solid #f07d00;
border-radius: 20px;
position: relative;
background-color: #fff;
text-align: center;
color: #0f1c2e;
box-shadow: 0px 3px 13px #EF7F1A33;
font-size: 14px;
font-weight: 600;

padding: 3px 4px;
width: 100%;

【问题讨论】：

您介意创建一个minimal reproducible example吗？
如果你在文本后面加了一个不间断的空格，它总是会被推到左边一点，你也试过justify-content-center而不是在中间吗？

标签： html css center

【解决方案1】：

回答： PHP 模板在文本后注入值非中断空间。直到我发表这篇文章，我才注意到它。仅帮助从浏览器复制 html 代码和提示@Pete（谢谢）。仅查看浏览器检查器，此图像上的问题并不明显。

【讨论】：