写代码将三个div模块居中显示，间隔为10px。。。求解，，，谢谢。。。
展开全部
样式：
<style type="text/css">
body{width: 100%; text-align: center;}/*把body的文本设置为居中对齐*/
div{width: 100px; height: 40px; border: 1px solid red; display: inline-block;}/*将三个div都设置为行内块元素，这样div就既保留了块的样式，又能体现为文本的在一行中显示的样式*/
#box2{margin: 0px 10px;}/*将中间那个div的两边边距都设置为10px，就达到了中间间隔为10px的效果*/
</style>
代码：
<body>
<div id="box1">我是第一个div</div>
<div id="box2">我是第二个div</div>
<div id="box3">我是第三个div</div>
</body>
<style type="text/css">
body{width: 100%; text-align: center;}/*把body的文本设置为居中对齐*/
div{width: 100px; height: 40px; border: 1px solid red; display: inline-block;}/*将三个div都设置为行内块元素，这样div就既保留了块的样式，又能体现为文本的在一行中显示的样式*/
#box2{margin: 0px 10px;}/*将中间那个div的两边边距都设置为10px，就达到了中间间隔为10px的效果*/
</style>
代码：
<body>
<div id="box1">我是第一个div</div>
<div id="box2">我是第二个div</div>
<div id="box3">我是第三个div</div>
</body>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style>
#box{width:320px;height:auto;}
#box .a,#box .b,#box .c{width:100px;height:100;float:left;}
#box .a{background:#cccccc;}
#box .b{background:#999999;margin:0 10px 0 10px;}
#box .c{abckground:#000000;}
</style>
<div id="box">
<div class="a">A</div>
<div class="b">B</div>
<div class="c">C</div>
</div>
#box{width:320px;height:auto;}
#box .a,#box .b,#box .c{width:100px;height:100;float:left;}
#box .a{background:#cccccc;}
#box .b{background:#999999;margin:0 10px 0 10px;}
#box .c{abckground:#000000;}
</style>
<div id="box">
<div class="a">A</div>
<div class="b">B</div>
<div class="c">C</div>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
