让几个横向排列的浮动子div居中显示的方法

ttx9n · 发表于 2014-2-20 15:16:28

div设置成float之后，就无法使子div居中显示了，那么如何让几个横向排列的浮动的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的中间显示了。

95nd4ba · 发表于 2022-10-22 02:11:58

啦啦啦啦啦德玛西亚

qwe520 · 发表于 2022-11-17 08:07:49

iiguuubhuiuihu

3mfwk4yf · 发表于 2023-2-20 21:28:51

看看看咋么

q42obh · 发表于 2023-3-22 20:15:54

哈哈哈哈哈哈哈

8ayoqrpj · 发表于 2023-6-17 01:34:56

看看看看

mkonji · 发表于 2023-9-6 02:47:05

了乐趣了去了去了去了去了

pb_tjc · 发表于 2023-9-14 08:48:25

论坛有你更精彩！

u6h2m4 · 发表于 2023-11-21 18:41:42

源码源码源码源码源码源码源码源码源码源码源码源码源码

pwseqn1h · 发表于 2023-12-8 20:50:45

554411515451555

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

[CSS] 让几个横向排列的浮动子div居中显示的方法

相关帖子