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%;
}


你可能也喜欢

Innovator Admin 一个aras的管理器,又一个package安装方法

webpack初始化配置

为什么越来越多的科技公司都选择了WebRTC技术?

利用SQL语句创建、修改、执行、删除存储过程

平衡二叉树旋转详解

SwiftUI:UNUserNotificationCenter

C语言中的.h文件的作用

如何理解光圈、ISO、快门、曝光这几个概念?

HDU 1978 How many ways (DP)

知识蒸馏之自蒸馏

grep的-A-B-选项详解

Git log 修改时间格式

雅马哈机械手的一些案例

安装GLIBCXX_3.4.21和GLIBC_2.18

Android项目中引入aar包的方法

RSA加解密实例

SpringBoot系列(二)指定内置tomcat版本

jmeter进行测试websocket接口(持续性连接,长连接)

Quartz的监控和管理工具:quartz-monitor

使用gprof2dot和graphivz生成程序运行调用图

目录

  • 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
关闭菜单