[CSS/Html] 多个div水平排列并且居中的代码

3123 主题	3525 帖子	14万金币

Rank: 8 Rank: 8

电梯直达

1^#

发表于 2023-4-1 15:46:56 | 只看该作者回帖奖励

最直接想到的就是流式布局，这种不用在这里写了。

下面这种方法有两个关键点（IE7无效，再低更别想了）

text-align: center;

display: inline-block;

具体的代码在下面：

<style type="text/css">
#div1{text-align: center;width: 800px;height: 40px;}
.div2{display: inline-block;padding-left: 5px;padding-right: 5px;border: 1px solid;margin-left: 5px;margin-right: 5px;}
</style>
<div id="div1">
<div class="div2">div2</div>
<div class="div2">div2</div>
<div class="div2">div2</div>
<div class="div2">div2</div>
<div class="div2">div2</div>
</div>

复制代码

分享到: QQ好友和群 QQ空间 腾讯微博 腾讯朋友

GMT+8, 2024-12-4 02:37 , Processed in 0.155364 second(s), 24 queries .

带宽由 锦尚数据 提供专业的数据中心

		自动登录	找回密码
密码			会员注册