属性text-align: center;一个好方法来中心使用CSS图像?
img {
text-align: center;
}
属性text-align: center;一个好方法来中心使用CSS图像?
img {
text-align: center;
}
当前回答
如果你想将图像设置为背景,我有一个解决方案:
.image {
background-image: url(yourimage.jpg);
background-position: center;
}
其他回答
我看到了这个帖子,它对我很有用:
img { 位置:绝对的; 上图:0; 底部:0; 左:0; 右:0; 保证金:汽车; } < span style=" font - family:宋体;"位置:相对;最小高度:200 px”> < img src = " https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png?v=c78bd457575a " > < / div >
(纵横对齐)
.img-container {
display: flex;
}
img {
margin: auto;
}
这将使图像在垂直和水平方向上处于中心位置
这并不总是奏效……如果没有,试试:
img {
display: block;
margin: 0 auto;
}
使用网格来堆叠图像。这很简单,这是代码
.grid {
display:grid;
}
.grid img {
display:block;
margin:0 auto;
}
如果你想将图像设置为背景,我有一个解决方案:
.image {
background-image: url(yourimage.jpg);
background-position: center;
}