Question

如何将第二个div（display_bar）与中心对齐

<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内联

感谢。

Answer 1

由于它是display: inline，请在其父元素上设置text-align: center，并问自己是否应该是跨度而不是div。

（注意：CSS使用:，而不是=，而且对于img元素，alt属性是必需的。

Answer 2

试试这个css：

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

Answer 3

您还可以使用display：inline-block或display：inline，在父元素上使用text-align：center。这也将文本置于内部。我想这可能是你想要的，因为你说你想把所有东西都对准中心。把它全部放入div中。

例如：

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

CSS：

.wraper {
}

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

OR：

 .wraper {
        text-align: center;
    }

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

对齐div中的内容

3 个答案: