Html 如何使用字母间距对齐两个字符串

我想让两个不同符号的字符串计算相同的长度。 str 2的第一个字母必须以str 1的第一个字母开头。最后几个字母也一样

i、 e

123
12

我想：

<h1>123</h1> 
<h1>1 2</h1> <!--more letter-space-->

123
1 2 

如何使用css动态获取任意长度的字符串？

---

也许不需要使用字母间距

您需要使用javascript函数，并将数据附加到引用id为的元素。

您可以使用javascript通过拆分内部文本并添加空格，然后再次连接，但是如果您只想使用html和css，我建议您在h1中添加跨距，并给它们留有边距。

如果您希望输出如下：

123
1 2

以下是一些可行的方法： HTML

123
12

CSS:

。间距{
字母间距：14px；
}

---

H1字母大约14像素宽。

您可以在HTML中使用不间断空格

<h1>123</h1>
<h1>1&nbsp&nbsp3</h1>

123
1 nbsp3

字符空间使用两次

预览

123

---

1 nbsp3如果最初可以在数字之间留有空格，则可以通过减少字母间距和证明文本的合理性来轻松做到这一点：

.box{
显示：内联块；
边框：1px实心；
}
.框h1{
文本最后对齐：对齐；
字母间距：-0.1米；
保证金：5px0；
}

1 2 3
1 2
1 2 4 5
1245

为什么使用are:1）如果div元素默认具有块显示，则显示内联块？2） 字母间距：-0.1 em？@salius（1）内联块，使其宽度适合最长的单词，因此所有h1将等于最长的单词（2）字母间距的值是删除我添加的空格所需的近似值。要使

1 2 4 5

显示与

1245

相同的内容，请执行以下操作：（您可以根据实际用例调整值）

<h1>123</h1>
<h1>1&nbsp&nbsp3</h1>