我正在使用一个只允许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">

10-05 20:44
查看更多