我正在使用一个只允许html编辑的界面处理一个工作项目。查看我正在创建的页面的用户将从移动设备查看这些页面。我试着把图片放在段落上方。我只需要把图像放在中心。
我创建了一个示例,它看起来以大屏幕为中心,但在小屏幕上将图像稍微向右移动。有人能告诉我这里出了什么事吗?
.image {
width: 382px;
height: 135px;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
<img src="image.jpg">
编辑:在我一天结束的疯狂中,我忘了提我已经分配了一个班级:“形象”。
最佳答案
你需要把你的风格应用到你的形象上
.image {
width: 382px;
height: 135px;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
<img src="image.jpg" class="image">