css - 如何用float实现居中对齐

标签 css

我试图将所有 3 个 div 居中。有没有一种方法可以在不围绕 div2 和 div3 创建环绕的情况下完成此操作。

               div1  | div2 |  div3
------------------------------------------------

最佳答案

你可以尝试这样的事情,因为 body 很可能会出现:

<body>
    <div class="centered" id="a">A</div>
    <div class="centered" id="b">B</div>
    <div class="centered" id="c">C</div>
</body>

CSS:

body {
    text-align: center;
}

.centered {
    display: inline-block;
}

jsFiddle

关于css - 如何用float实现居中对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16136402/

相关文章:

html - 表 tr 垂直方向。我能怎么做?

css - iframe 在固定定位元素内的位置 (android)

css - 登录页面在过滤后不呈现样式表

android - HTML、CSS 和响应不是 'responsive'

css - 使用水平滚动条显示图像

html - 让 Bootstrap 5 模态和背景占据父容器的宽度和高度,而不是全屏

html - 如何设置 LI 的样式以在代码中显示引号

angularjs - css 溢出 x 不工作

css - Bootstrap 响应式设计不起作用

html - 在angular2中覆盖子div的CSS属性