用户名:  密码:   
您当前的位置:首页 > 网页设计 >  Html+CSS > 

两个或三个DIV显示在一行并居中

上次修改时间: 2015-12-21 21:08:44      来源:网络总结      作者:钢铁长陈
上一页      路径:DSD\Learn\Html与CSS\DIV+CSS\      下一页

两个或三个DIV显示在一行并居中

两个DIV要在一行显示
1.将两个DIV都设为左浮动,再分别设置它们的宽和高
2.第1个DIV要设为左浮动,第2个DIV的左边距要设为第一个DIV的宽且浮动要设为无

三个DIV要显示在一行
1.将三个DIV都设为左浮动,再分设置它们的宽和高
前两个DIV都要设为左浮动,再分别设置它们的宽和高

两个或三个DIV的居中
新建个DIV把这3个DIV包含起来,把新的DIV的宽度设为三个DIV宽度之和,再把左右边距设为自动,高设为自动也可不设
注:新的DIV的宽度必须大于或等里面的DIV的宽度之和(包括DIV边框的宽度),否则里里的DIV会跑到下一行