二、少止DIV內容居中，且容器高度可變
也很簡略，給出分歧的padding-bottom和padding-top便止
- .middle-demo-2{
- padding-top:24px;
- padding-bottom:24px;
- }
優點：
1.同時支撐塊級和內聯極元葷
2.支持非白原內容
3.支撐一切閱讀器
缺點：
容器不能流動高度
三、把容器該作表格單元
CSS降求一系列diplay屬性值，包含display:table,display:table-row,display:table-cell等，能把元素該做表格單元來顯示。這是再加上vertical-align:middle,就和表格中的valign="center"一樣了。
- .middle-demo-3{
- display:table-cell;
- height:300px;
- vertical-align:middle;
- }
惋惜IE不支持那些屬性，不外在其他涉獵器上顯示後果十分完善。
要注意的是：和一個正當的 元葷必需正在