Question

我正在使用一些自定义的<sub>...</sub>在某些<tt>区域提供索引下标：

 tt.indexed sub
 {
     color:#0000ff;
     position:relative;
     top:0.5em;
     right:1em;
     margin-right:-0.5em;
 }
 tt.indexed sub:last-child
 {
     margin-right:-1em;
 }

基本上可以用来像 0 <子> 00 0 <子> 01 0 <子> 02 1 <子> 03 1 <子> 04 0 <子> 05 1 <子> 06 0 <子> 07 并使它更紧凑。

但是，我遇到的问题是<tt class="indexed">区域下方的线条与自定义下标重叠（只是一点点，但它在视觉上很烦人）。我尝试在margin-bottom上加注tt.indexed sub，但似乎没有效果。我是否必须在margin-bottom上设置tt.indexed，或者我可以在tt.indexed sub中使用设置吗？

Answer 1

尝试使用em。

使用行高声明

CSS：防止文本重叠

1 个答案: