CSS使图片居中显示

最新推荐文章于 2024-02-04 09:44:50 发布

Code_Leon

最新推荐文章于 2024-02-04 09:44:50 发布

阅读量433

点赞数 3

本文链接：https://blog.csdn.net/weixin_46069079/article/details/104892983

版权

本文介绍了两种使用CSS实现元素居中的方法：一是通过设置table-cell、vertical-align和text-align属性；二是利用background属性结合no-repeat和center值实现背景图居中。

摘要由CSDN通过智能技术生成

直接利用css居中

        .css_center {
            width: 90px;
            height: 160px;
            border: 1px dashed #333;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

<div class="css_center">
        <img src="img/赵四.jpg" alt="" height="64" width="36">
</div>

利用css中background属性

        .css_center {
            width: 1500px;
            height: 2000px;
            border: 1px dashed #333;
            background: url(img/赵四.jpg) no-repeat center;
        }
            
       
 <div class="css_center"></div>