自適應居中

一、窗體居中

position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; /*height: 50px; width: 165px; */

   

簡析：

　　position:固定位置顯示（absolute|fixed）；視窗決定；fixed：視窗大小由上層層position為fixed的子父關係視窗決定】

　　top,right,bottom,left:設定偏移量（|auto）；

　　　　【設定為auto時，表示為auto]視窗在該方向不居中顯示；如：left:auto,則視窗在水平位置不居中顯示】

　　margin:自適應佈局（auto）;

　　　　【視窗只會在都為auto的方向上居中

　　height,widht:可設置，也可不設置（|auto）；

　　　　【不設置則由top,right,bottom,left決定大小】

二、文字混合則由top,right,bottom,left簡析：

　　.nav:限制視窗大小；

　　　　【text-align:限制span水平居中】

　　.nav-it：控制內容垂直居中】

『〜.nav-it　　.nav span:限制圖片顯示範圍；

　　　　【padding-left:為圖片留下顯示空間；display:適應顯示】

　　.nav img:限制圖片大小與顯示位置；

　　.nav img:限制圖片大小與顯示位置；

　　.nav img:限制圖片大小與顯示位置；

　　.nav img:限制圖片大小與顯示位置；

，只是因為簡單。