如何水平对齐多个DIV块？

水平对齐多个 DIV 块

将多个 DIV 块放置在同一水平线上是 Web 开发中常见的布局任务。为此，请按照以下步骤操作：

设置 父级 DIV 并使用 text-align: center;水平对齐子元素。

在父 DIV 中，将子 DIVs 设置为显示：inline;。这使它们可以并排坐在同一行。

<code class="css">#block_container {
  text-align: center;
}

#bloc1,
#bloc2 {
  display: inline;
}</code>

示例内容：

<code class="html"><div id="block_container">
  <div id="bloc1"><?php echo " version " . $version . " Copyright &copy; All Rights Reserved."; ?></div>
  <div id="bloc2"><img src="..."></div>
</div></code>

其他注意事项：

• 避免将原始内容直接放置在 DIV 元素内。使用适当的标签，例如

  或

• 示例：

  <p id="bloc1"><?php echo " version ".$version。" 版权所有 &copy; 保留所有权利。"; ?></p>

演示：
https://jsfiddle.net/

以上是如何水平对齐多个DIV块？的详细内容。更多信息请关注PHP中文网其他相关文章！