Html 图像集中在本地主机上，但不在实时服务器上

代码在我的本地机器上运行，但当我在服务器上运行时，它就不工作了。我只是想把图像集中在一个div中

  <div class="front-end">
<div class="panel panel-default">
  <div class="panel-heading title"><h4 style="text-align:left;">Front End</h4></div>
  <div class="panel-body">
    <div class="row" style="text-align: center;">
     <img id="mImg" src="./pictures/HTML5_Badge.png" alt="" style="width:90px;height:92px;">
     <img id="mImg" src="./pictures/css_badge.jpg" alt="" style="width:98px;height:100px;">
     <img id="mImg" src="./pictures/bootstrap_badge.png" alt="" 
              style="width:90px;height:92px;">
    </div>
  </div>
</div>

前端

---

知道怎么回事吗？

您应该避免使用内联样式，而是将所有样式都放在样式表中，这样会使代码更易于管理。此外，您的所有3个图像都包含相同的

ID

，但是。您还缺少一个结束语

，这可能是导致您出现问题的原因

。面板标题h4{
文本对齐：左对齐；
}
.面板主体。世界其他地区{
文本对齐：居中；
}
img#html5徽章{
宽度：90px；
高度：92px；
}
img#css徽章{
宽度：98px；
高度：100px；
}
img#自举徽章{
宽度：90px；
高度：92px；
}

前端

确保没有从服务器缓存加载任何CSS或HTML。回收您正在使用的任何应用程序池，并确保通过按CTRL+F5强制浏览器加载任何代码的新副本。