Html 对齐div中的内容

如何将第二个div（显示条）与中心对齐

<div id="display" style="display:inline;font-size:150%;" > </div>
<div name="display_bar" id="display_bar" 
    style="margin-left: auto;margin-right: auto;width:125em;text-align:center;visibility=visible;display:inline;">
    <img class="view_prev" src="first.png"> 
    <img class="view_prev" src="2.png" > 
    <img class="view_prev" src="3.png" > 
    <img class="view_prev" src="4.png" > 
    <img class="view_prev" src="5.png" > 
</div>

第二个div也应该与第一个div内联

---

谢谢。

因为它是

display:inline

，所以在其父元素上设置

text align:center

，并询问自己它是否应该是一个span而不是div

（注意：CSS使用

：

，而不是

=

，并且alt属性对于img元素是必需的）

尝试此CSS：

#display_bar
{
  margin:0 auto;
  width:300px; /* or whatever width */
}

---

也可以使用“显示：内联”块或“显示：内联”将图元居中，方法是在父图元上使用“文本对齐：居中”。这也将使文本居中。我想这可能是你想要的，因为你说你想把所有东西都对准中心。把它都放在沙发上

例如：

<div class="wraper">
    <div class="inwrap">
        Lorem ipsum dolor text...
    </div>
</div>

或：

.wraper {
}

.inwrap {
    width: 50%;
    margin: 0 auto;
}

 .wraper {
        text-align: center;
    }

    .inwrap {
        display: inline-block; /*or inline*/
        width: 50%;
    }