Html 内容图像从中心滑落到徽标

我开始意识到事情的中心性。虽然有时候我觉得事情有点偏离中心

这其实是一个很明显的例子。我刚刚创作了一把小提琴

HTML

---

你能提供你现在拥有的以及你期望得到的结果的屏幕截图吗？可能是由于滚动条将内容推到一边（在某些浏览器/操作系统中）。我不确定问题到底是什么，但请尝试“文本对齐：中心；”在parent div上。这里还有一个提琴，向您展示如何稍微简化css。。此外，我建议您在JSFIDLE上注册一个帐户和/或它们都是很好的工具，可以帮助您获得任何问题的答案。祝你好运：）谢谢，我去买一个！

<div class="word">
<div class="container">
    <div class="row">
        <div class="col-md-4"><img src="#"></div>
        <div class="col-md-4"><img src="#"></div>
        <div class="col-md-4"><img src="#"></div>
    </div>
</div>
</div>

.word {
   margin-top: 20px;
   margin-right: auto;
   margin-left: auto;
   position:relative;
   width:100%;
   display:inline-block; 
}
.word img {
   border-radius: 5px;
   width: 450px;
   height:450px;  
   border: 12px white solid;
   display:block;
   margin:0 auto;
   margin-bottom:20px;
}