保证金显示的图像

Question

我有一个单行的表，其中包含一些文本（带有换行符号），例如：

<td id='line-numbers'>
<span class="number" id="1">1</span><br>
<span class="number" id="2">123</span><br>
<span class="number" id="3">31111</span><br>
</td>

从CSS的角度来看，我添加了css：margin-right：15px到行号。 现在我想在每行的末尾插入图像，例如：

<td id='line-numbers'>
<span class="number" id="1">1</span><img ...><br>
<span class="number" id="2">123</span><img ...><br>
<span class="number" id="3">31111</span><img ...><br>

其中每个图像将以右心为中心并显示在右侧的“边距”区域中，该区域的高度将与字体的高度匹配（宽度应缩放到高度）。请以最有效的方式告知如何做到这一点。

谢谢。

P.S。可能我可以在右边引入额外的列，但是没有文本（除了换行符），我发现很难匹配（目前不可能将每一行放入单独的表中）。

Answer 1

为什么不将<img/>放在<span>？

中

喜欢：

<td id='line-numbers'>
    <span class="number" id="1">
        1 <img src="" />
    </span>
</td>

使用CSS可以将图像对齐。 由于你没有提供任何CSS，我无法为你实现它。