日期:2014-05-17  浏览次数:20709 次

IE6下用CSS实现图片和文字的混合垂直居中

1. 如果你是图片和文字混合在一起要垂直居中,在IE6下使用height、line-height、vertical-align这些都不管用。

?

2. 首先把图片作为背景图片进行显示,然后文字适用块级元素包含或使用别的标签在其上面定义一个属性display: block;。

?

3. 示例:

?

??? <ul>
? ??? ??? ?? <li id="ResRightPar1Img1"><span>查看方式:</span></li>
? ??? ??? ?? <li id="ResRightPar2">酒店列表</li>
? ? </ul>

?

??? #ResRightPar1Img1 { background: url("../images/jd2.jpg") no-repeat center left; height: 30px; line-height: 30px; }
??? #ResRightPar1Img1 span { margin-left: 15px; text-decoration: none; }

?

4. 这是我遇到这样的问题时请教别人解决的,希望能对大家有用。