关闭

利用table使图片在浏览器中垂直居中

标签: csshtml垂直居中table网页布局
662人阅读 评论(0) 收藏 举报
分类:

这里用到了绝对位置和table:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>使用table将图片相对于浏览器窗口垂直居中</title>
<style>
table{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

td{
    text-align:center;
}
</style>
</head>

<body>
    <table>
        <tr>
            <td><img src="app.png" /></td>
        </tr>
    </table>
</body>
</html>


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    联系我
    请加入QQ群:532232743
    由于CSDN博客文章页面改版,广告满天飞,乱七八糟,所以从此不再更新,如果有问题可以加群问。
    个人资料
    • 访问:136943次
    • 积分:2493
    • 等级:
    • 排名:第16269名
    • 原创:119篇
    • 转载:2篇
    • 译文:0篇
    • 评论:50条
    博客专栏
    最新评论