由于某种原因,我的div不会水平居中于包含div的位置:

.row {
  width: 100%;
  margin: 0 auto;
}
.block {
  width: 100px;
  float: left;
}
<div class="row">
  <div class="block">Lorem</div>
  <div class="block">Ipsum</div>
  <div class="block">Dolor</div>
</div>

有时,行div中只有一个挡路div.我做错了什么?

推荐答案

要实现您想要做的事情,请执行以下操作:

考虑使用display: inline-block而不是float.

Css相关问答推荐

以百分比形式输入的css宽度属性不会生效

如何将Ant设计日期 Select 器的图标设置在输入 Select 器之前而不是之后

如何仅使用CSS Select 器根据列表中第n个项的子项属性 Select 该项

为什么继承时1rem值不同?

将鼠标悬停在具有效果的元素上

如何使用 tailwind css 修复滚动条始终位于底部?

使用文本溢出约束内部 div:没有最大宽度的省略号(或类似的)

如何使用来自单独模块的代码将自定义标头插入到使用 DT Shiny 呈现的表中?

更改 20 个实例中的一个组件的样式

如何添加一个类以在开始时触发转换

n 个元素的 CSS 关键帧动画

使用border-radius时填充元素之间的空间

BEM 块、命名和嵌套

CSS:固定到底部并居中

如何在 javascript 中获取 HTML 元素的样式值?

根据背景 colored颜色 反转 CSS 字体 colored颜色

Sass 无效的 CSS 错误:预期的表达式

如何仅在一侧设置 CSS 边框?

HTML5 和边框

CSS垂直对齐不适用于浮动