div惯用功能
div常用功能
div常用功能
1,如何设置div居中
用上级的text-align: center然后嵌套一层DIV来解决问题
对需要水平居中的DIV层添加以下属性:
margin-left: auto;
margin-right: auto;
2,div横向排列
1,对div设置一个float浮动属性即可解决不并排显示,只要你的并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。
<html> <head> <style> #div1{float:left} #div2{float:left} #div3{float:left} </style> </head> <body> <div id="div1">第1个div</div> <div id="div2">第2个div</div> <div id="div3">第3个div</div> </body> </html>
2,使用css display同行显示(参照http://www.divcss5.com/wenji/w472.shtml)