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


你可能也喜欢

String类常用方法系列九:拆分

lwip 开发 sntp 与 tcp 不能同时工作的奇怪问题

C++学习笔记(10)——虚基类的作用

对象创建过程与内存分配

二叉排序树与二分查找的区别?(简答)

Query和Path的区别

postgresql 断开连接时报错

有哪些比较好的免费简历网站?

Ubuntu18.04安装ROS Melodic

树莓派监测CPU温度

如何在存储过程中使用like操作符

STM32F407 时钟频率不匹配导致系统瘫痪

Android 11 SystemUi之状态栏

MMTool制作Ozmosis引导BIOS完美引导OS X系统

在Scrapy中使用爬虫动态代理IP

Endnote引用右上角GB7714-87

CSS(网站开发)自学笔记

史上最强最简单的青龙(qinglong)安装使用教程

Error in nextTick “TypeError Cannot read properties of undefined (reading ‘init‘)“首次点击页面跳转找不到

HashMap,Hashset,ArrayList以及LinkedList集合的区别,以及各自的用法

目录

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