css垂直居中怎麼設定?文字上下居中和圖檔垂直居中

　　css 居中分css垂直居中和css水準居中，水準居中平時比較常用，這裡我們主要講css上下居中的問題。垂直居中又分為css文字上下居中和css圖檔垂直居中，下面我們就分别來介紹一下。

　　css文字上下居中：一、單行内容的居中。隻考慮單行是最簡單的，無論是否給容器固定高度，隻要給容器設定 line-height 和 height，并使兩值相等，再加上 over-flow: hidden 就可以了。css代碼為{height: 4em;line-height: 4em;overflow: hidden;}

　　優點：1. 同時支援塊級和内聯極元素；2. 支援所有浏覽器

　　缺點：1. 隻能顯示一行；2. IE中不支援<img>等的居中

　　要注意的是：1. 使用相對高度定義你的 height 和 line-height；2. 不想毀了你的布局的話，overflow: hidden 一定要

　　二、多行内容居中，且容器高度可變。也很簡單，給出一緻的 padding-bottom 和 padding-top 就行

　　優點：1. 同時支援塊級和内聯極元素；2. 支援非文本内容；3. 支援所有浏覽器

　　缺點：容器不能固定高度

　　css圖檔垂直居中，我們隻需要在CSS樣式中加入如下CSS代碼：img{ vertical-align:middle;}