如何居中放置两个相邻的div

一尘不染

如何居中放置两个相邻的div

css

我编写了以下HTML，试图将两个div彼此居中。

<div id='wrapper' style='text-align:center;'>
    <div style='float:left;'>
        Lorem ipsum<br />
        dolor sit amet
    </div>
    <div style='float:left;'>
    Lorem ipsum<br />
    dolor sit amet
    </div>
</div>

但是，我编写的代码导致两个div一直向左浮动。正确执行的操作是并排浮动两个div。

我需要更改以使两个div并排居中吗？

阅读 392

2020-05-16

共1个答案

一尘不染

您将必须自动为包装div设置边距，并可能设置一个特定的宽度

<div id="wrapper"></div>

在您的CSS中：

#wrapper {
    width: 70%;
    margin: 0 auto;
}

2020-05-16