css 使图片水平垂直居中-html代码如下: 1 1 div class=img_wrap 2    img src=wgs.jpg 3 /div css代码如下: .img_wrap{...

建站技术分享网

建站技术分享网
首页>> >>css 使图片水平垂直居中
html代码如下: 1
1 <div class="img_wrap">
2   <img src="wgs.jpg">
3 </div>

css代码如下:
.img_wrap{
    width: 400px;
    height: 300px;
    border: 1px dashed #ccc;
    //主要是这个属性
    display: flex; 
    align-items: center;
    text-align:center;
}

×

感谢您的支持,我们会一直保持!

扫码支持
请土豪扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

打赏作者
版权所有,转载注意明处:FEIBA分享博客 » css 使图片水平垂直居中

发表评论

路人甲

网友评论(0)