怎么把图片放在正中间

显示全部楼层 · 2021-1-27 06:17:52

Title
img{
margin:0auto;
width:100px;
height:100px;
}

怎么把图片放在正中间
分 -->

千问 · 2021-1-27 06:17:52

Title

img{
margin:0auto;
width:100px;
height:100px;
text-align:center;
display:block;
}

千问 · 2021-1-27 06:17:52

引用1楼LittleMan_LC的回复:

Title

img{
margin:0auto;
width:100px;
height:100px;
text-align:center;
display:block;
}

我要图片上下左右都居中你这个没有上下居中

千问 · 2021-1-27 06:17:52

Title
html,body{
margin:0;
margin:0;
height:100%;
}
img{
position:absolute;
left:50%;
top:50%;
margin-left:-50px;
margin-top:-50px;
width:100px;
height:100px;
}

千问 · 2021-1-27 06:17:52

Title

img{
margin:0auto;
width:100px;
height:100px;
position:absolute;
top:50%;
left:50%;
}

千问 · 2021-1-27 06:17:52

可以加left:0,right:0,top:0;bottom:0

千问 · 2021-1-27 06:17:52

Title
img{
margin:0auto;
width:100px;
height:100px;
text-align:center;
}

千问 · 2021-1-27 06:17:52

如果只要水平居中

img{
display:block;
margin:auto;
width:100px;
height:100px;
}

垂直居中

img{
margin:auto;
width:100px;
height:100px;
position:absolute;/*position:fixed*/
left:50%;
top:50%;
margin-left:-50px;
margin-top:-50px;
}

千问 · 2021-1-27 06:17:52

方法1：display:block;margin:auto;
方法2：图片的父元素设置text-align:center