美文网首页技术日常
css3~图片垂直居中

css3~图片垂直居中

作者: 摹喵居士 | 来源:发表于2017-03-07 16:03 被阅读41次

2017.03.07

img外部div标签:

div {
    display: table-cell;
    width: 1em;
    height: 1em;
    font-size: 144px;
    width: 144px;
    height: 144px;
    font-size: 118px;
    border: 1px solid #beceeb;
    text-align: center;
    vertical-align: middle;
}

img标签:

img {
    vertical-align: middle;
}

html代码:

<div>
    ![](xxx.jpg)
</div>

相关文章

  • CSS图片居中(水平居中和垂直居中)

    css图片水平居中 css图片垂直居中 css图片水平垂直居中

  • 1-css的多种垂直居中的方法

    多种css垂直居中的方法 ==css3不定宽高水平垂直居中== 1:固定高宽的垂直居中 如上图,固定高宽的很简单,...

  • CSS居中大全(带截图)

    文字水平居中 图片水平垂直居中 图片与文字水平垂直居中 代码同上 DIV相对于页面垂直居中并且响应式 视口绝对垂直...

  • css3~图片垂直居中

    2017.03.07 img外部div标签: img标签: html代码:

  • 居中布局

    水平居中 垂直居中 垂直水平居中 已知元素的宽高的居中布局 定位居中布局 盒模型居中布局 图片的垂直水平居中(利用...

  • 布局

    图片垂直居中

  • 图片垂直水平居中

    图片垂直水平居中

  • css 图片居中

    css图片居中(水平居中和垂直居中) css图片水平居中 块状元素直接用text-align:center, di...

  • 图片垂直居中

    图片居中在很多地方需要用到,水平居中很好实现,垂直居中有点麻烦,这段时间在项目中遇到了好几处这样的问题,分享给大家...

  • CSS中几种常用的居中

    居中 行内元素水平居中 文字相对图片、输入框垂直居中 块元素水平居中 单行文字垂直居中 更灵活的布局方式当然是建议...

网友评论

    本文标题:css3~图片垂直居中

    本文链接:https://www.haomeiwen.com/subject/uabmgttx.html