html - 如何将两个字符串与字母间距对齐

Question

我想让两个具有不同符号的字符串长度相同。str 2 的第一个字母必须从 str 1 的第一个字母开始。最后一个字母相同。

IE

<h1>123</h1> <!--one symbol more-->
<h1>12</h1> 

我想：

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

对于任何字符串长度，如何使用 css 动态获取它？也许不需要为此使用字母间距！

标签： htmlcss

Answer 1

如果您希望输出是这样的：

123
1 2

这是可行的方法：HTML

<h1>123</h1>
<h1 class="spacing">12</h1>

CSS：

.spacing{
  letter-spacing:14px;
}

H1 字母的宽度约为 14 像素。