怎么让一个div里面的多个div居中？？

goodtime 2009-07-29 11:20:35

<div>
<div style="height:50px;width:50px;">a</div>
<div style="height:50px;width:50px;">b</div>
<div style="height:50px;width:50px;">c</div>
</div>
其中，内部的div个数不固定，外部的div宽度不固定！

...全文

598 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

goodtime 2009-07-29

打赏
举报

再次提醒大家，我要的效果是横排居中不是竖排居中

gwf25sz 2009-07-29

打赏
举报

[Quote=引用 4 楼 chenjili88 的回复:]
如下就OK了
<div align=center>
<div style="height:50px;width:50px;">a </div>
<div style="height:50px;width:50px;">b </div>
<div style="height:50px;width:50px;">c </div>
</div>

[/Quote]

这么简单的方法竟然没想到··············

- - 要鄙视一下自己

JustDoIt 2009-07-29

打赏
举报

如下就OK了
<div align=center>
<div style="height:50px;width:50px;">a </div>
<div style="height:50px;width:50px;">b </div>
<div style="height:50px;width:50px;">c </div>
</div>

gwf25sz 2009-07-29

打赏
举报

写个style样式，外面的DIV应用一下就可以了
#block{
text-align:center;
}

<div id = "block">
<div style="height:50px;width:50px;">a </div>
<div style="height:50px;width:50px;">b </div>
<div style="height:50px;width:50px;">c </div>
</div>

goodtime 2009-07-29

打赏
举报

楼上谢谢，我想横排居中，并不是竖排！

夜雨_Jason 2009-07-29

打赏
举报

yyk01141225 2009-07-29

打赏
举报

有点搞不清lz的意图，横向居中套个层就ok了，y轴剧中貌似可以用，<P>标签和相对定位实现

rivertrue 2009-07-29

打赏
举报





<script>

	function doCenter(){

		var Mleft= '10px';

		var tmpWidthC= '600px';

		var tmpWidthC1= '600px';

		var tmpWidthC2= '600px';

		var tmpWidthC3= '600px';

		

		tmpWidthC = document.getElementById('Content').style.width;

		tmpWidthC1 = document.getElementById('Content_1').style.width;

		tmpWidthC2 = document.getElementById('Content_2').style.width;

		tmpWidthC3 = document.getElementById('Content_3').style.width;

		

		tmpWidthC = parseInt(tmpWidthC.replace('px',''));

		tmpWidthC1 = parseInt(tmpWidthC1.replace('px',''));

		tmpWidthC2 = parseInt(tmpWidthC2.replace('px',''));

		tmpWidthC3 = parseInt(tmpWidthC3.replace('px',''));

		

		Mleft = parseInt((tmpWidthC-tmpWidthC1-tmpWidthC2-tmpWidthC3)/4);	//DIV float之后margin翻倍，所以多除了一次2

		

		alert(Mleft);

			

		document.getElementById('Content_1').style.marginLeft = Mleft+'px';

		

	}

</script>

<center>

<div style="background:#ff0000; text-align:center; width:650px;"  ID="Content"> 

    <div style="height:50px; width:50px; float:left; background:#cc1; margin-left:0px;" ID="Content_1">a </div> 

    <div style="height:50px; width:60px; float:left; background:#c2c;" ID="Content_2">b </div> 

    <div style="height:50px; width:70px; float:left; background:#3cc;" ID="Content_3">c </div> 

</div>

</center>

<script>doCenter();</script>