最新消息:

div中图片水平垂直居中显示

HTML/CSS 18shu.cn 浏览 评论
不多说,直接上代码。

第一种css写法:
给容器div添加以下css属性:

display: flex;
justify-content: center;
align-items: center;


第一种css写法:
给容器div添加以下css属性:

display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;

以上两种方法不支持IE浏览器。

第三种css写法:
给容器div添加以下css属性:

/*非IE的主流浏览器识别的垂直居中的方法*/
    display: table-cell;
    vertical-align: middle;
    /*设置水平居中*/
    text-align: center;
    /* 针对IE的Hack */

第三种css写法可以兼容IE、火狐、Chrome等。

    与本文相关的文章

    发表我的评论
    取消评论

    表情

    您的回复是我们的动力!

    • 昵称 (必填)
    • 验证码 点击我更换图片

    网友最新评论