完美DIV、图片水平垂直居中

最新推荐文章于 2022-05-18 21:49:22 发布

@木尘

最新推荐文章于 2022-05-18 21:49:22 发布

阅读量933

点赞数

分类专栏： web css 文章标签：图片居中水平垂直

本文链接：https://blog.csdn.net/vincentblog/article/details/48261139

版权

web 同时被 2 个专栏收录

27 篇文章 0 订阅

订阅专栏

css

6 篇文章 0 订阅

订阅专栏

完美DIV、图片水平垂直居中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>完美DIV、图片水平垂直居中</title>
    <style type="text/css">
        .Absolute-Center {
            margin: auto;
            position: absolute;
            top: 0; left: 0; bottom: 0; right: 0;
            text-align:center;
            display:table;
            width:100%;
            height:auto;
        }
        .Absolute-Center>img{width:300px;
            height: 200px;}
    </style>
</head>
<body>
    <div class="Absolute-Center">
        <img src="http://a3.att.hudong.com/36/08/14300001018588128693081766255.jpg">
    </div>
</body>
</html>