流式風格

本文轉載於:猿2048網站流式風格php

一、網格設計網站

方法1、float(浮動)spa

float 將4個div 從左至右排序,當外圍區塊小時,4個div會根據外圍的區塊寬度從新調整內容顯示的位置。設計

原理就是利用float:left將元素浮動靠左排列,反之用靠右排列,當超過容器最大寬度時,div就會自動擠到下一行。blog

方法2、display:inline-block排序

使用display:inline-block也能夠實現,實現從左向右排列,只要把本來的float:left換成display:inline-block就得到同樣的效果,同時也能夠經過指定text-align來達到文字靠左向靠右對齊。get

相關文章
相關標籤/搜索