div使用了float属性,无法水平居中;求高手帮忙.

.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;
温馨提示:内容为网友见解,仅供参考
第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了!本回答被提问者采纳
第2个回答  2020-01-22
css有一个原则就是继承原则,所以你必须要清除默认的全局div
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>
这样就可以了 你试试吧
第4个回答  2012-01-05
去掉float:left;
下面margin:0 auto

div使用了float属性,无法水平居中;求高手帮忙.
先加个大div,然后设置这个大div的内边距,把浮动的元素往右边挤一点:padding-left:25px;或者把.con1里面加个相对定位让所有浮动元素都往右移动一段距离:position:relative;left:25px;

如何使div中的内容居中?及C1的内容在A1 div 的中间
很简单 你把ID为B1 里面的 float:left 去掉 就可以了 因为div 加上float 就会实体话 而B1的父级A1 和 t同级别的C1 因为没有实体话 所以A1中的text-align:center 只对C1 管事 对B1没有作用

谁能告诉我。。。这段代码里UL LI中怎么水平居中!!!
把那个float:left去掉。你都让它向左浮动了,它还怎么居中。display:inline;就已经可以让它们在一行了。

为什么父元素设置float后,标签宽度变窄?
第一,float是浮动标签,第二,test1的标签是div,div在默认情况下属于块级元素,他的默认宽度为100%,当你给他添加float后这个div就变成了行内元素他的默认宽度为0,你第三幅图框变窄是因为里边的内容撑开的结果。

HTML中设置水平居中的几种方法
center就可以实现居中。 此方法的缺点是由于转换成了行内元素,导致元素损失了块级元素具有长度值等属性。最后一种利用相对定位的方式来居中不定宽块级元素,首先给父元素设置float属性,然后给父元素设置relative定位属性,left:50%;子元素也设置relative定位属性和left:-50%,这样就能实现居中。

html中div使用CSS实现水平\/垂直居中的多种方式
虽然宽度不同weiqinl 但一样 水平居中了 使用float属性,记得清楚浮动 5:使用table布局,默认垂直居中 table默认垂直居中vertical-align:middle。如果还想要水平居中,那就是行内元素,添加属性text-align: center 6: 仿table,display:table-cell。并使用vertical-align属性,实现垂直居中 该属性设置元素的...

div标签如何居中div标签居中属性
如果是需要DIV在页面或所在的父级容器中居中,你可以参考尝试以下代码style>.a{width:200px;height:150px;background:#333;margin:20pxauto;\/\/水平外边距自动,达到居中目的\/style>pclass=a>\/p> text标签中的文字如何居中显示?可以用“text-align”属性控制文字的位置,“center”属性值让文字居中...

div居中代码怎么写
如果只是水平居中的话,只需要先定义DIV的宽度,再设置外边距margin属性的左右边距为auto即可。此时DIV便会相对于它的父容器水平居中。比如 <div class=div_a><div class="div_b"><div><\/div> 设置div_b的样式 .div_b{width:100px; margin:0 auto;} 这样div_b便在div_a中水平居中了。如果...

css中可以实现float:left;左浮,想居中怎么办
CSS有float:left和float:right,但能否实现float:center呢?水平居中浮动,当然是可以的,这里将介绍你实现方法。以下面的Li列表为例,我们要实现中间LI的居中浮动:1 <div id="macji"> 2 <ul class="macji-skin"> 3 <li>列表一<\/li> 4 <li>列表二<\/li> 5 <li>列表三<...

在用javascript创建节点div时,设置float属性不能生效
好像浮动属性不能写成diva.style.float来改

相似回答