1
我有这样的代码:CSS对齐图标和文本在李 - 垂直对齐到工作
<li id="myLI">
<a id="myAnchor" href="#">
<img src="/icons/icon.png">Click Here</a>
</li>
我需要的图标(垂直)的中间对齐文本,所以我尝试增加:垂直对齐:中,但它不工作。
任何人都可以建议吗?
感谢
我有这样的代码:CSS对齐图标和文本在李 - 垂直对齐到工作
<li id="myLI">
<a id="myAnchor" href="#">
<img src="/icons/icon.png">Click Here</a>
</li>
我需要的图标(垂直)的中间对齐文本,所以我尝试增加:垂直对齐:中,但它不工作。
任何人都可以建议吗?
感谢
#myLI a#myAnchor img{
float:left;
margin:margin to center;
}
边缘到中心是,你需要根据文本的中心给予的值。例如margin:5px 5px 0px 2px;
做到这一点的最佳方法是将图像(图标)作为背景。这是因为谷歌会忽略背景。你不想让谷歌索引你的所有图标。我总是这样做insted。 #myLI a#myAnchor {background:url(icon.png)no-repeat 0px 5px; padding:0px 0px 0px 20px;}其中背景中的0px是左边距,5px是上边距。并且在填充时,您需要在文本左侧留出空间以容纳图像....这对所有浏览器来说都会更好。 – Karthik 2011-04-18 09:10:46