Question

html 文字和图片垂直居中问题

li里面的文字和图片垂直居中 ，而且要兼容所以版本的ie浏览器！！

Answer 1

HTML：

    <ul>

        <li><img src="3.jpg"/><span>微博登录</span></li>

        <li><img src="3.jpg"/><span>QQ登录</span></li>

        <li><img src="3.jpg"/><span>淘宝登录</span></li>

        <li><span>更多</span><img src="3.jpg"/></li>

    </ul>

CSS：

<!--

    *{padding: 0;margin:0;}

    ul{

        list-style: none;

        float: left;

    }

    li{

        width: 85px;

        float: left;

    }

    span{

        font-family: "宋体";

        font-size: 13px;

        vertical-align: 40%;

    }

-->

Answer 2

关于垂直居中的问题，给LZ三个tips：
tip1：v-align属性
tip2：margin属性
tip3：padding属性
另，兼容所有浏览器，您这要求太苛刻了。

Answer 3

建议用表格来处理