由于某种原因,我的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 需要一个它似乎不需要的大括号?

全部:初始与使用 CSS 重置

有没有办法让 mui v5 呈现没有 css-xxx 前缀的类名?

修复导航栏隐藏页面内容

css中的背景图像没有被缓存

我们可以在 css 中定义 min-margin 和 max-margin、max-padding 和 min-padding 吗?

react native 文本离开我的屏幕,拒绝换行.该怎么办?

如何更改 Angular Material 上 mat-icon 的大小?

Angular Material 中的样式垫选择

CSS 网格布局中的等高行

弹性框中的边距折叠

flex-wrap 如何与 align-self、align-items 和 align-content 一起使用?

如何将字体添加到基于 create-react-app 的项目中?

'position: absolute' 是否与 Flexbox 冲突?

Bootstrap 4中的“.well”等效类是什么

如何从父组件的 CSS 文件中设置子组件的样式?

你如何调试可打印的 CSS?

脉动的心脏 CSS 动画

我怎样才能让 Flexbox 子元素 100% 的高度是他们的父母?

为什么在 CSS3 中启用硬件加速会降低性能?