css – 向上移动显示的内联字符

前端之家收集整理的这篇文章主要介绍了css – 向上移动显示的内联字符前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下标记面包屑菜单
<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;
垂直对齐:中部;
}

编辑:在这里移动评论

只要制作字体大小,无论你需要什么,垂直对齐应该将其设置到行高的中间

猜你在找的CSS相关文章