浮动div居中显示问题

hutao93 2013-07-03 03:08:53

怎么让里面2个div居中？

<div style=" width:100%; height:200px; border:1px solid red; text-align:center; margin:0px auto;">

<div style=" width:150px;; height:120px; border:1px solid yellow; margin:10px 10px 0px 0px; float:left; "></div>

<div style=" width:150px; height:120px; border:1px solid red; float:left; margin:10px 10px 0px 0px; "></div>

</div>

...全文

157 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

__phoenix 2013-07-05

打赏
举报

1.使用<center></center> 2.使用css;#div1,#div2 {margin:0 atuo;},记得声明<!DOCTYPE html>

Null_Reference 2013-07-04

打赏
举报

引用 5 楼 hutao93 的回复:

[quote=引用 1 楼 ly12530 的回复:] 在用一个div把2个div装起就行了固定宽度居中

引用 1 楼 ly12530 的回复:

在用一个div把2个div装起就行了固定宽度居中

除了固定宽度外还有别的办法吗？[/quote] 你是什么意思？你里面2个层浮动了的！其它方法我暂时不晓得。

UEAnswer 2013-07-04

打赏
举报


<div style=" width:100%; height:200px; border:1px solid red;  margin:0px auto;">
<div style=" width:20%;; height:120px; border:1px solid ; display:inline-block;  margin:10px auto 0px 30%;"></div>
<div style=" width:20%; height:120px; border:1px solid red; display:inline-block; margin:10px auto 0px auto;"></div>
</div>

外层div是百分数，内层如果px设置长度，那么想要居中则要需要计算margin的宽度。把内层的div宽度也设置成百分比可以解决。

hutao93 2013-07-04

打赏
举报

引用 1 楼 ly12530 的回复:

在用一个div把2个div装起就行了固定宽度居中

引用 1 楼 ly12530 的回复:

在用一个div把2个div装起就行了固定宽度居中

除了固定宽度外还有别的办法吗？

html5mk 2013-07-04

打赏
举报


<div style=" width:100%; height:200px; border:1px solid red;margin:0px auto;">
 <div style="width:345px; margin:0px auto;">
 <div style=" width:150px; height:120px; border:1px solid yellow; margin:10px 10px 0px 0px; float:left; "></div>
 <div style=" width:150px; height:120px; border:1px solid red; float:left; margin:10px 10px 0px 0px; "></div>
 </div>
</div>