用來實現對網頁區域劃分的一種手法。在網格化水平區域稱為行（row）,垂直區域稱為列（column）
display: grid;// 指定容器採用網格化布局，預設容器元素都是塊級元素
display: inline-grid;//網格化布局，設定容器元素為行內元素
注：
設定網格化布局後，容器子元素的 float、 display: inline-block;、 display: table-cell;、
vertical-align 和 column 等設定都將失效
指定三行三咧：
.container
grid-template-columns: 100px 100px 100px;
=等價》 grid-template-columns: repeat(3, 100px);
表示乙個不確定大小的容器，向裡邊填充寬高為100px的盒子，自動補全為止
.container
grid-template-columns: 1fr 2fr; // 表示容器有兩列，第二列寬是第一列2倍grid-template-row: 1fr 1fr minmax(100px, 1fr);grid-template-columns: 100px auto 100px; // 基本等於該列單元格的最大寬度.contaner
* start: 對齊起始邊緣
* end: 對齊結束邊緣
* center: 內部居中
* stretch: 拉伸，沾滿整個寬度
自動布局的基本用法
1.最簡單用法 簡單新增控制項 uibutton button uibutton alloc init button.backgroundcolor uicolor redcolor 必須說明，以前一下轉化就不要用了，就是直接的自動布局.button.translatesautoresizingma...
Css3網格布局的基礎用法
css3網格布局css網格布局 grid 是一套基於二維頁面布局系統 一 父元素相關屬性以及屬性值 1 網路容器 給父元素設定 將屬性display的屬性值設定為grid 或者 inline grid，就建立了乙個網格容器，所有容器中的接子元素將自動成為網格專案元素。display grid inl...
easyUI的基本搭建與layout布局
easyui的開發包 easyui api 1.3.2.chm中文幫助文件 一 easyui開發包詳解 easyui開發包目錄結構介紹 二 easyui使用前的準備 匯入開發包中的 jquery核心js，jquery 1.8.0.min.js 匯入easyui的js，jquery.easyui.mi...