加符号线高度
提问于 2013-09-06 09:23:32
我试图创建一个以圆圈数字作为符号的列表，最后一个符号是加号，以添加更多的项目。问题是加号的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很有信心，但奇怪的是，没有图片就没有办法做到这一点，我几乎要放弃和求助于此了。
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-09-06 09:35:00
这是你要找的Fiddle吗？添加以下样式：
span {
background:#ffffff;
width: 15px;
height: 15px;
border:2px solid #dddddd;
border-radius:15px;
padding:5px 9px;
font-size: 12px;
}Stack Overflow用户
发布于 2013-09-06 09:30:10
从技术上讲，文本是居中的，只是+符号的顶部填充了一些空空间，使其看起来有点偏移。但是，如果您查看数字的底部并将其与+进行比较，它们的位置是相同的。
要解决这个问题，您可以为+使用一个特例，您可以将其位置偏移几个Y像素，也可以将所使用的字体更改为将+定位在区域中心的字体。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18663275
复制相关文章
点击加载更多
腾讯云开发者
