我有以下标记面包屑菜单:
<div> <span class="start-here">You are here:<span> <a href="/">example.com</a> <span class="raquo"> › </span> <a href="/news">News</a> <span class="raquo"> › </span> Title </div>
当所有元素都显示为内联时,是否有任何智能方式将这些>(.raquo)字符移动到几个像素,而不需要定位?我想要这个字符比其他字符小,并显示在线高度的中心(或一些像素向下/向上)。
(我需要它也适用于IE6及以上)
解决方法
不知道IE6,但似乎以下应该让你接近你想要的
.raquo {
font-size:10px;
垂直对齐:中部;
}
编辑:在这里移动评论:
只要制作字体大小,无论你需要什么,垂直对齐应该将其设置到行高的中间