Skip to content
小飞侠
  • 首页
  • 小程序
  • uniapp
  • vue
  • APICloud
  • 其他
菜单

博客

  1. 首页>
  2. 其他>
  3. CSS图片按比例居中在div内显示

CSS图片按比例居中在div内显示

  • Post author:xfxia
  • Post published:2023年9月19日
  • Post category:其他



div.view-parent-top div.img {
    /* width: 250px; */
    height: 250px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* or */

div.view-parent-top {
    display: table-cell;
    width: 250px;
    height: 250px;
    vertical-align: middle;
}
div.view-parent-top img {
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}


你可能也喜欢

学习 Qt 编程的好书精品推荐!

js根据对象删除本身元素

IE无法显示PNG格式图片的解决

springmvc 九大组件,到底包括DispatcherServlet吗,核心组件又是谁

什么是字符串数组

Android6.0 SurfaceControl分析(一)SurfaceControl创建&使用 Surface创建&使用

《现代密码学》第一章——经典密码学介绍

重学Android基础系列篇(五):Android虚拟机指令

分享几个常用的前端工具网站

【ROSBridge】连接与简单收发数据(1)

@Async的使用

Halcon 3D 计算3D模型的3D表面法线

5G NR – RLC协议阅读笔记5 – RLC AMD PDU接收过程

使用orcad的CIS时意外退出

netapp控制器license查询

VisualStudio卸载后无法再次安装的解决方法

IObit Uninstaller pro:完全卸载程序,自动清除残余及注册表

几种常见GC算法介绍

阵列信号处理知识点汇总

软件测试Ⅸ — loadrunner

目录

  • APICloud (3)
  • golang (228)
  • java (8,236)
  • linux (4,002)
  • mysql (2,800)
  • php (1,070)
  • python (5,439)
  • solidity (25)
  • uniapp (235)
  • vue (2,463)
  • 其他 (88,233)
  • 小程序 (801)

文章归档

  • 2023年十二月 (1872)
  • 2023年十一月 (477)
  • 2023年十月 (17371)
  • 2023年九月 (44974)
  • 2023年八月 (26399)
  • 2023年七月 (14793)
  • 2023年六月 (1)
  • 2023年五月 (2186)
  • 2023年四月 (3838)
  • 2023年三月 (1544)
  • 2023年二月 (3)
  • 2023年一月 (4)
  • 2022年十二月 (3)
  • 2022年十一月 (36)
  • 2022年十月 (16)
  • 2022年九月 (8)
  • 2021年九月 (1)
  • 2020年九月 (6)
  • 2020年八月 (5)

标签

Aave (1) cosmos (6) defi (255) flag (27) gitee (1) github (1) golang (234) java (8234) linux命令 (82) List (1) map (1115) mysql (3093) npm (237) tendermint (6) uuid (43) vant (64) vmware (270) 区块链 (63) 合约 (37) 小程序版本更新 (3)
  • 首页
  • 小程序
  • uniapp
  • vue
  • APICloud
  • 其他
Copyright xfxia.com 鲁ICP备19024253号-2
关闭菜单