前端垂直居中垂直居中

基本html結構

基本css樣式

利用<code>relative</code>和<code>absolute</code>進行布局

###style

優點：适合用于長寬固定的情況

缺點：長和寬一旦需要改變需要重置<code>marginleft</code>和<code>margin-top</code>

優點：對盒子長寬沒有要求,屬于百分比布局

缺點：<code>transform</code>屬于css3屬性，低版本ie不支援

優點：純table各浏覽器不會有相容問題；内容可自适應；

缺點：不易于擴充，即将淘汰的技術

優點：簡單，快速。為了更簡單的布局而産生的一種布局技術

缺點：相容ie9+,需要加字首