html--div布局

div默认排列

 

 

横向排列,通过css属性

1 float 浮动

float:left ,float:right，没有center居中                                         

 

2 display:inline-block 行块标签

#div1, #div2,#div3 {                                                                     

      display:inline-block                                                       

}

 

3 flex 弹性盒模型

flex-start左对齐,默认，flex-end右对齐，center集中居中，space-around分散居中，space-between分散居中，两头无间距

#wrap {
    display: flex;
    justify-content: space-between;
}