让横向排列的几个浮动(float:left)的子div居中显示

ttx9n · 发表于 2014-2-17 15:53:13

div设置成float之后，在父div中设置text-align:center，就无法使子div居中显示，下面有个不错的解决方法，大家可以参考下 div设置成float之后，在父div中设置text-align:center，就无法使子div居中显示了，不过我们可以使用变通的方法达到这一效果，就是在父div上再套一个div，如下：

复制代码代码如下:
<div id="outerdiv" style="text-align:center;">
<div id="containerdiv" style="overflow:hidden; display:inliine-block;">
<div id="float1" style="float:left;"> </div>
<div id="float2" style="float:left;"> </div>
</div>
</div>

这样containerdiv就会在outerdiv的中间显示了。

平平安安 · 发表于 2022-9-22 04:31:10

还可以不错

sykzus · 发表于 2022-10-29 18:10:02

很不错的玩意

123456 · 发表于 2022-10-31 20:07:28

天天源码社区www.tiantianym.com

fwn2rd · 发表于 2023-1-12 23:24:22

好人好人好人好人

hd1tvqb3 · 发表于 2023-2-7 21:35:07

抽根烟，下来看看再说

溪谷小兵 · 发表于 2023-6-7 21:14:49

非常vbcbvcvbvcb

v3sfsi · 发表于 2023-6-24 04:00:43

额风风风微风微风违法

95nd4ba · 发表于 2023-9-4 13:16:43

啪啪啪生怕PSP怕

dm00ji1s · 发表于 2023-10-17 06:09:04

hi哦和烦恼农家女

账号		自动登录	找回密码
密码			立即注册

[CSS] 让横向排列的几个浮动(float:left)的子div居中显示

相关帖子