常用的一种方法
<div class="box">
<img src="./image/i.jpg"/>
</div>
<style>
.box{
width:120px;
height:120px;
position:relative;
}
.box img{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
max-width:100%;
max-height:100%;
}
</style>
<div class="box">
<img src="./image/i.jpg"/>
</div>
<style>
.box{
width:120px;
height:120px;
position:relative;
}
.box img{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
max-width:100%;
max-height:100%;
}
</style>
常用的一种方法
固定宽高div垂直居中 如上图，固定高宽的很简单，写法如下： position:absolute; left:50...
怎么让一个不定宽高的div，垂直水平居中 答：1.父盒子设置： display：relative；DIV设置 ：...
多种css垂直居中的方法 ==css3不定宽高水平垂直居中== 1：固定高宽的垂直居中 如上图，固定高宽的很简单，...
父元素没有固定宽高 水平垂直居中 html: css: 水平居中 不确定子元素宽高 设置水平居中，先将子元素转化为...
让一个不定宽高的div，垂直水平居中的几种实现方式 不定宽高的div垂直居中的方式： 1、使用CSS方法： 父盒子...
<1>div垂直居中 比如始终要固定显示在页面右中部的咨询客服一类的div1.当div固定宽高时 2.当div不固...
一、Center 水平垂直居中布局。类似Container设置alignment 二、SizedBox 固定宽高布...
CSS div不定宽高，如何实现宽高比例1:1 div不定宽高，实现垂直居中 div不知道宽高且display:n...
固定宽高块在浏览器中垂直居中 代码如下： 预览链接
本文标题：设置图片在固定宽高的div中垂直居中
本文链接：https://www.haomeiwen.com/subject/lehigftx.html
网友评论