源码论坛,商业源码下载,尽在锦尚中国商业源码论坛

标题: 多个div水平排列并且居中的代码 [打印本页]

作者: 洪七公 时间: 2023-4-1 15:46
标题: 多个div水平排列并且居中的代码

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

下面这种方法有两个关键点（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>

复制代码

欢迎光临源码论坛,商业源码下载,尽在锦尚中国商业源码论坛 (https://bbs.52jscn.com/)