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