div布局居中即最外层div居中,在CSS5网站有很多教程文章,信托大家也看过若何完成div居中,css采纳margin:0 auto不设置float就可。
这里让div在div中居中,切实方式和原理相斥,重要居中的div设置margin:0 atuo即可(只管也不要配置float)便可实现div在div里居中。
1、实例代码
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>div中的div居中实例 css5.com.cn</title> <style> #main{ width:400px; float:left; padding:10px 0; border:1px solid #090} .ctbox{ margin:0 auto; width:300px; border:1px solid #00F} </style> </head> <body> <div id="main"> <div class="ctbox">我是在绿色div内的蓝色div,居中了</div> </div> </body> </html>
实例说明:
1)、以上代码概略直接拷贝使用理论;
2)、以上一个靠右div(id=main)内布置一个div完成居中(class=ctbox)。为了看到div内的div居中,所以均配置宽度和边框花样。
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/shili/s52505.shtml