水平对齐div [英] horizontally aligning divs

问题描述

由于某些原因，我的div不会水平居中在一个包含div：

For some reason my divs won't center horizontally in a containing div:

<div class="row">
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
</div>

这是css：

.row {
  width: 100%;
  margin: 0 auto;
}
.block {
  width: 100px;
  float: left;
}

有时候有一个行div只有一个块div。

And sometimes there is a row div with just 1 block div in it. What am I doing wrong?

推荐答案

要实现你想要做什么：

请考虑使用 display：inline-block 而不是 float 。

这篇关于水平对齐div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！