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

• Z时代
• 2024-01-10
• 分类：问答

我编写了以下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并排居中吗？

回答：

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

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

在您的CSS中：

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

以上是 如何居中放置两个相邻的div 的全部内容， 来源链接： utcz.com/qa/399697.html