CSS如何在不使用浮点数的情况下在同一行上对齐两个DIV

时间:2014-03-11 18:47:58

标签: css css-float centering

这必须是可能的!

我已经阅读了本网站上发布的数十个问题以及盲目搜索Google。我在容器内有一个容器DIV和两个DIV。我希望容器内的所有东西都居中,但容器内的两个DIV彼此相邻。

我看到实现这一目标的唯一方法是将两个DIV浮动到容器内。但是,如果我漂浮他们,那么我不能让他们居中。并且通过居中我的意思是我希望左侧DIV的右边界接触(或几乎触摸)右侧DIV的左边界。

有人请教育我!我发誓,我会回到桌子!我没有发布任何代码,因为我没有任何

感谢所有能帮助我的人!

3 个答案:

答案 0 :(得分:7)

在父

上使用display:inline-blocktext-align:center

答案 1 :(得分:3)

Fiddle

for Container

text-align:center;

for boxes

 display:inline-block;

答案 2 :(得分:0)

将以下内容应用到父级

display: flex;
justify-content:center;
align-items: center;

我个人在定位元素时远离浮动。 Flex 是一种根据需要对齐项目的智能方式。可以调整 justify-content 设置以移动您认为合适的元素