1.分欄布局
column-count:auto|整數(shù)； 控住欄數(shù)
column-width:length; 每欄的寬度
column-gap:length; 兩欄之間的間距
column-rule:寬度，線型，顏色；間隔線 solid dotted dashed
column-span : all / none ; 是否跨欄顯示
2. 響應式布局
1>CSS 語法
外聯(lián)CSS語法:<link rel="stylesheet" media="mediatype and|not|only (media feature)" href="mystylesheet.css">
內嵌樣式的語法：@media mediatype and|not|only (media feature) { ...
2>媒體類型：mediatype
all 用于所有設備
screen 用于電腦屏幕，平板電腦，智能手機等
關鍵字：and|not|only 媒體特征：media feature ax-width:500px min-width:500px
例：<link rel="stylesheet" media="screen and (min-width:1024px)" href="red.css" />
遠近互聯(lián)前端小華整理發(fā)布，希望能對學習技術的你有所幫助，如果您想了解更多內容，可以點擊右側ppt下載 
jQuery AJAX.ppt
遠近互聯(lián)專業(yè)提供網站建設、APP開發(fā)、網站優(yōu)化、外貿網站SEO、微信運營的品牌整合營銷服務讓客戶通過網絡品牌建立與網絡傳播提高業(yè)績。
