0

这个问题一定是在很多方面以各种形式提出的,但我一直在寻找相当多的东西,但找不到答案,所以我问了。

我有一个 div 宽度固定高度,拉伸 100% 宽度。

在里面,我有 2 个与父级高度相同的 div,宽度不同,总之小于父级的宽度。

我需要这些 div 以父元素为中心,彼此相邻。我可以让其中一个 div 居中使用text-align: center;margin: 0px auto;但是另一个打破线。如果我让它们达到float: left;or right,那么它们就不会居中对齐。

我需要什么(父母内部的2个元素):

###############################################################
#                |  El. ||         El.       |                #
#                |  A   ||         B         |                #
#                |      ||                   |                #
###############################################################

如果父项中有 3 个元素:

###############################################################
#       |  El. ||         El.       ||       El.      |       #
#       |  A   ||         B         ||       C        |       #
#       |      ||                   ||                |       #
###############################################################

感谢您的热心帮助。

4

3 回答 3

1

您是否尝试过添加一个额外的 div 来包含两个内部 div?然后您应该能够将其与自动边距居中对齐并设置 text-align: center; 也是。如果 div 仍然堆叠,请尝试 display:inline。

于 2013-01-28T16:49:18.040 回答
0

尝试将有问题的 div 显示为

display: inline; 
于 2013-01-28T16:46:44.937 回答
0

只需将所有内容放入居中 div 中的 span 元素中:

<div align="center" id="container">
    <span id="stuff">content</span>
    <span id="more">more content</span>
</div>
于 2013-01-28T17:18:41.397 回答