Question

我想要实现的是拥有两行不同的文字，不同的字体大小，每个字符与另一行的字符排成一行。

此处的当前状态

span {
  letter-spacing: 0.12em;
  font-family: monospace, ubuntu_monobold, Courier New, monaco, terminal, courier, system;
  font-size: 1em;
}

.highlight {
  display: inline-block;
  width: 0px;
  word-spacing: normal;
}

.small {
  top: .9em;
  padding-bottom: 1px;
  opacity: 0.6;
  font-size: 70%;
  letter-spacing: .45em;
}

<span class="small">gggggggggggggggggggg&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;GGGGGGGGGGGGGGG?GGGGG</span>
<span class="big">GGAAGGCCCCACAGCGTCTTCTGTACTATGAGGGGTCTATTACTGTGCCACCTTCTGACA</span>

jsfiddle

letter-spacing: .45em;

我正在用它来实现这一点。

现在明显且“简单”的解决方案是使用一个表，每个字符都有一列，但是，一行上可能有很多字符，这会给DOM添加很多元素，我会尽可能避免。

那么有人可以告诉我这是否可以仅使用CSS吗？

由于

在CSS中对齐不同字体大小的字符

0 个答案: