显示在页边距上的图像

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添加到line-number中。现在我想在每一行的末尾插入图像，例如：

<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>

​

其中每个图像将以右侧为中心，并显示在右侧的“边距”区域，该区域的高度将与字体的高度相匹配(宽度应缩放为高度)。请建议如何以最有效的方式做这件事。

谢谢。

附注：我可能会在右侧引入额外的列，但由于没有文本(除了换行符)，我发现很难匹配(目前不可能将每行放入单独的表中)。

Answer 1

为什么不把<img/>放在<span>中

像这样：

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

使用CSS，您可以将图像右对齐。因为您没有提供任何CSS，所以我无法为您实现它。