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. 这是我遇到这样的问题时请教别人解决的，希望能对大家有用。