HTML圖片文字混合實現垂直居中

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style type="text/css">
        .ContentMiddle img {
            vertical-align: middle;
        }
    </style>

</head>
<body>
    <div class="ContentMiddle">
        <span>垂直居中</span>
        <img src="images/1.gif" />
        <span>垂直居中</span>
        <img src="images/2.gif" />
        <span>垂直居中</span>
    </div>
</body>
</html>

效果如圖:



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章