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


你可能也喜欢

C++之vector的矩阵

开机就显示重启界面,Lenovo重装Win 10系统的解决办法之一

【stm32c8t6多个串口同时使用】

ES+IK6.3.0研究 含kibana安装ik分词

大作业实录:基于 verilog 的简易抢答器设计和 quartusII 仿真

初识 OpenCV 之高斯滤波

Ubuntu软件包管理之apt与apt-get的区别

Windows Netstat命令教程

step 文件在sw怎么编辑_关于SW打开中间格式常见问题#SOLIDWORKS#

HTTPS证书基本概述

Android屏幕点亮和解锁

DataBinding遇到的问题,已解决

canvas简易绘图(海绵宝宝篇)

Spring Data JPA中CrudRepository与JpaRepository的不同

C#进阶03——常用泛型数据结构类

开源操作系统与Windows大比拼!

关于移动网站网页的基本代码结构和一些移动网站开发建议

Ubuntu搭建QT4开发环境

DatePicker 控件 使用中文显示

对Photoshop的理解

目录

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