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。。。求解，，，谢谢。。。
样式：
<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>2013-10-24
<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>2013-10-23
