css - 加号线高

Question

我正在尝试创建一个列表，其中带圆圈的数字作为元素符号，最后一个元素符号是加号以添加更多元素。问题是加号的 HTML 实体不像数字那样垂直居中。

<li><span>1</span><a href="#">Item one</a></li>
<li><span>2</span><a href="#">Item two</a></li>
<li><span>+</span><a href="#">add item</a></li>

我非常擅长 CSS，但奇怪的是没有图像就没有办法实现这一点，我几乎要放弃并求助于它。

Answer 1

从技术上讲，文本是居中的，只是 + 符号的顶部填充了一些空白区域，使其看起来有偏移。但是，如果您查看数字的底部并将其与 + 进行比较，它们的位置相同。

要解决此问题，您可以为 + 使用一种特殊情况，您实际上将其位置偏移了几个 Y 像素，或者您可以将正在使用的字体更改为具有+ 位于区域的中心。