css - 跨度和锚点默认高度

Question

你能告诉我为什么<a>跨度元素的高度不同吗？

为什么<a>垂直居中对齐并且 span 占用了所有垂直可用空间？

http://jsfiddle.net/vpVEf/12/

Answer 1

这是因为您的列表项行高是 70 像素。跨度高度基于行高。

#MenuEventos li {
line-height: 70px;
}

Answer 2

您的代码存在一些问题。首先你有font-size:3emforspan但不是 for a。你float:right也是跨度，但你没有float:left因此a的span内容到达 parent 的右上方li。

解决方案：添加font-size:3emforli并将其从span. 添加float:left为a. 清除float添加overflow:hidden为li. 但是因为你使用outline的黑色线条将不可见。所以outline改为border:3px solid #000

演示：http: //jsfiddle.net/vpVEf/13/