.con1 {
border: 1px solid #d0d0d0;
float:left;
background-color: #000000;
}
<div class="con1" style="height:167px; width:277px; margin-right:21px;"></div>
<div class="con1" style="height:167px; width:357px; margin-right:21px;"></div>
<div class="con1" style="height:167px; width:277px; margin-right:21px;"></div>
上面这段代码..怎么水平居中...
flyrose25 前半段说对了，后半段说错了。
先加个大div，然后设置这个大div的内边距，把浮动的元素往右边挤一点：padding-left:25px;
或者把.con1里面加个相对定位让所有浮动元素都往右移动一段距离：position:relative;left:25px;
先加个大div，然后设置这个大div的内边距，把浮动的元素往右边挤一点：padding-left:25px;
或者把.con1里面加个相对定位让所有浮动元素都往右移动一段距离：position:relative;left:25px;
温馨提示：答案为网友推荐，仅供参考
第1个回答 2012-01-05
给它们全部的div再加个大的div,包含他们，再设置这个大的divCSS属性：
如
<div class="content">
<div class="con1">............</div>
<div class="con1">............</div>
<div class="con1">............</div>
</div>
设置content div的CSS
.content{margin:0 auto ;}就OK了！本回答被提问者采纳
如
<div class="content">
<div class="con1">............</div>
<div class="con1">............</div>
<div class="con1">............</div>
</div>
设置content div的CSS
.content{margin:0 auto ;}就OK了！本回答被提问者采纳
第2个回答 2020-01-22
css有一个原则就是继承原则，所以你必须要清除默认的全局div
float，所以你要重定对id为head的div元素定义一个样式：
#head{float:none;text-align:center;width:600px;margin:0
auto;}
float，所以你要重定对id为head的div元素定义一个样式：
#head{float:none;text-align:center;width:600px;margin:0
auto;}
第3个回答 2012-01-09
.con { width:1000px; margin:0 auto; }
.con1 {
border: 1px solid #d0d0d0;
float:left;
background-color: #000000;
}
<div class="con">
<div class="con1" style="height:167px; width:277px; margin-right:21px;"></div>
<div class="con1" style="height:167px; width:357px; margin-right:21px;"></div>
<div class="con1" style="height:167px; width:277px; margin-right:21px;"></div>
</div>
这样就可以了 你试试吧
.con1 {
border: 1px solid #d0d0d0;
float:left;
background-color: #000000;
}
<div class="con">
<div class="con1" style="height:167px; width:277px; margin-right:21px;"></div>
<div class="con1" style="height:167px; width:357px; margin-right:21px;"></div>
<div class="con1" style="height:167px; width:277px; margin-right:21px;"></div>
</div>
这样就可以了 你试试吧
第4个回答 2012-01-05
去掉float:left;
下面margin:0 auto
下面margin:0 auto
