css實現居中的方法
1.水平居中
text-alian:center;1）這個方法讓一些
顯示成table，然後我們就可以利用table的vertical-align屬性了（vertical-align作用在其他一些元素上會表現得非常不一樣）。
id="cell">
class="content">content goes herediv>
div>
div>
css**
display: table;
} #cell
優點：1、內容可以動態地改變高度（不用在css裡定義）。
2、空間不夠的話內容不會被截斷。
缺點：1、不支援ie（即使是ie8 beta）。
2、多餘的標籤（沒那麼糟，看你自己怎麼認為）。
2) 這個方法會用到乙個top設為50%、margin-top設為內容高度的一半、絕對定位的div。這意味著它必須有乙個固定的高度，這是在css裡定義的。
因為它的高度固定，你可能想要給它設定overflow:auto;，這樣如果內容太多的話就不會溢位而是會出現滾動條了。
id="content">content goes herediv>
css**
#content
優點：1、支援所有的瀏覽器。
2、不需要額外的標籤。
缺點：1、如果空間不夠的話，內容就會消失（例如當div在body裡面而使用者縮小瀏覽器時，就不會出現滾動條）。
3)在這個方法中，我們會在內容元素上方插入乙個div，這個div會被設定成height:50%;margin-bottom:-contentheight/2，然後內容元素會因為清理浮動而居中了。
html**
div>
content herediv>
css**
#floater
#content
優點：1、支援所有的瀏覽器。
2、如果空間不夠的話（例如縮小瀏覽器）就會出現滾動條，所以我們的內容不會被截斷。
缺點：1、我唯一能想到的就是需要乙個額外的空元素（這其實沒那麼糟，看你自己怎麼認為）。
這個方式使用乙個絕對定位且固定寬高的div，接著這個div被要求拉伸到top:0;bottom:0;，它因為高度被固定而做不到這一點，所以margin:auto;就讓它居中了。這個方法類似於常見的使用margin:0 auto;來讓塊狀元素水平居中。
html**
content herediv>
css**
#content
優點：1、簡單。
缺點：1、不支援ie（但支援ie8 beta）。
2、空間不足的話內容會被截斷，不會出現滾動條。
html**
content herediv>
css**
#content
優點：1、支援所有的瀏覽器。
2、空間不足時不會被截斷。
缺點：1、只能用在文字上（不能用在塊狀元素上）。
2、如果超過一行的話（例如換行）就失效了。
css label 居中布局 CSS居中的方法總結
css水平和垂直居中在開發中經常用到，在此加以總結。水平居中方法 1.行內元素水平居中，設定父元素的text align center。center box 常用的行內元素有a abbr b br em input label select span strong sub sup textarea等...
CSS居中的常用方法
在web標準中的頁面布局是使用div配合css來實現的。這其中最常用到的就是使整個頁面水平居中的效果，這是在頁面布局中基本，也是最應該首先掌握的知識。不過，還是經常會有人問到這個問題，在這裡我簡單總結一下使用div和css實現頁面水平居中的方法 在現代瀏覽器 如internet explorer 7...
css 水平居中的方法
文字居中，文字垂直居中水平居中，居中，水平居中垂直居中，塊元素垂直居中?當我們在做前端開發是時候關於css居中的問題是很常見的。情況有很多種，不同的情況又有不同的解決方式。水平居中的方式解決的時候相對來說通過css比較容易設定，垂直居中相對比較棘手。先來說一下水平居中的不同情況與不同解決方法吧。1文...