如何使用css对多个DIV排列时进行水平居中
加了text-align:center;margin-left:auto;margin-right:auto也不行另外，我想请问一下，因为我首页是一整张的大图片做背景，所...
加了text-align:center; margin-left:auto; margin-right:auto也不行
另外，我想请问一下，因为我首页是一整张的大图片做背景，所以我把它切片后导入DW中转化为N个DIV，现在想用CSS对DIV进行布局，问题是现在不能使全部图片（其实也是DIV）居中，请问我这样的做法是对的吗？还是我一开始这种想法就不应该的？谢谢了 展开
另外，我想请问一下，因为我首页是一整张的大图片做背景，所以我把它切片后导入DW中转化为N个DIV，现在想用CSS对DIV进行布局，问题是现在不能使全部图片（其实也是DIV）居中，请问我这样的做法是对的吗？还是我一开始这种想法就不应该的？谢谢了 展开
4个回答
展开全部
使用css对多个DIV排列时进行水平居中，我们将那几个DIv全都由一个总的div包裹起来，然后设置那个总的div的宽度和高度，然后再去设置子div的宽度和高度，当然不能大于总的div的，然后在给子div设置float属性即可排序，然后在使用margin对总的div就可以设置水平居中了，代码如下：
html>
<head>
<title>图片和文本的对齐</title>
<style>
#zidiv{
width:960px;
height:700px;
margin:0 auto; //这样就是水平居中了
}
</style>
</head>
<body>
<div id='zdiv'>
<div style='flaot:left; width:330px; height:200px;'>
<p>我是子div1</p>
</div>
<div style='flaot:left; width:330px; height:200px; margin-left：30px;'>
<p>我是子div2</p>
</div>
<div style='flaot:left; width:330px; height:200px; margin-left：30px;'>
<p>我是子div3</p>
</div>
</div>
</body>
</html>
html>
<head>
<title>图片和文本的对齐</title>
<style>
#zidiv{
width:960px;
height:700px;
margin:0 auto; //这样就是水平居中了
}
</style>
</head>
<body>
<div id='zdiv'>
<div style='flaot:left; width:330px; height:200px;'>
<p>我是子div1</p>
</div>
<div style='flaot:left; width:330px; height:200px; margin-left：30px;'>
<p>我是子div2</p>
</div>
<div style='flaot:left; width:330px; height:200px; margin-left：30px;'>
<p>我是子div3</p>
</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以使用一个大的div 套住N个div 然后给大的div设置一个宽度 然后margin:0 auto
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
margin:0 auto;
你的div必须要制定一个宽度，不然不能居中。
你的div必须要制定一个宽度，不然不能居中。
追问
是指在div中直接指定宽度还是在css里面进行设置呢？因为不是每个div的宽度都相同的。
追答
下面说了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
参考：.demo{ width:200px; margin:0 auto;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
