關(guān)于CSS控制DIV水平居中問題
互聯(lián)網(wǎng) 發(fā)布時(shí)間：2008-10-17 19:23:41 作者：佚名 
我要評(píng)論
我要評(píng)論 關(guān)于CSS 控制DIV水平居中問題，我看到很多新人搞不明月。記得第一次看CSS是一個(gè)老外寫的書，那個(gè)里面談到居中使用。
margin-left:auto;
margin-right:auto;
其實(shí)等同于：
margin:0 auto;
于是可以使用這種方式，但是有人用IE時(shí)發(fā)現(xiàn)沒有居中。這里建議你
關(guān)于CSS 控制DIV水平居中問題，我看到很多新人搞不明月。記得第一次看CSS是一個(gè)老外寫的書，那個(gè)里面談到居中使用。
margin-left:auto;
margin-right:auto;
其實(shí)等同于：
margin:0 auto;
于是可以使用這種方式，但是有人用IE時(shí)發(fā)現(xiàn)沒有居中。這里建議你看看是否遺漏了DTD聲明。
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
非常多的人犯過類似的錯(cuò)誤！這種方法也可以說屢試不爽，但是在某些情況下還是行不通的。于是有了第二種方法。
margin-left:50%;
left: -width/2;
這里的width不是CSS中的Width,而是你的DIV的寬度例如你的div是768px寬，那么你就應(yīng)該設(shè)置left:-384px。很好，已經(jīng)有兩種方法了，可以說已經(jīng)能夠解決你可能遇到的問題了。
有時(shí)候你會(huì)發(fā)現(xiàn)，這兩個(gè)還不行。不能兼容一些瀏覽器。于是發(fā)現(xiàn)有了第三種方法，這中方法主要是考慮IE，它是建立在第一種方法的基礎(chǔ)之上。它需要設(shè)置body。
body {text-align: center;}
這樣IE下也居中了，但是它帶來一個(gè)新的問題，你發(fā)現(xiàn)你的頁面中所有文字都是居中的，這樣很不好看。這個(gè)就很容易解決了，只需要在你的DIV定義中加上 text-align: left; 之類調(diào)整的設(shè)置就行了。
以上文字僅是一個(gè)飯后參考與小品。大家在實(shí)際工作中可以引起注意！
相關(guān)文章
css三種方法實(shí)現(xiàn)div在瀏覽器水平居中
這篇文章主要介紹了css三種實(shí)現(xiàn)div在瀏覽器水平居中的方法，感興趣的小伙伴們可以參考一下2016-04-14- 這篇文章主要為大家詳細(xì)介紹了css使用flexbox布局容器內(nèi)多元素水平居中的方法，如何使用flexbox布局多元素水平居中？本文為大家進(jìn)行解答，感興趣的小伙伴們可以參考一下2016-03-17
css實(shí)現(xiàn)移動(dòng)端圖片文字水平居中
這篇文章主要為大家詳細(xì)介紹了css實(shí)現(xiàn)移動(dòng)端圖片文字水平居中的方法，如何實(shí)現(xiàn)圖片以及文字的整體水平居中，本文為大家提供兩種解決辦法，感興趣的小伙伴們可以參考一下2016-03-11- 這篇文章主要介紹了CSS中的垂直和水平居中,幾乎囊括了各種板式居中的需求,非常推薦!需要的朋友可以參考下2015-07-09
CSS 實(shí)現(xiàn)未知內(nèi)容高度的垂直水平居中(改良版)
垂直居中在IE瀏覽器下的實(shí)現(xiàn)比較難實(shí)現(xiàn)，而更難實(shí)現(xiàn)的應(yīng)該是未知內(nèi)容高度的垂直水平居中！還好網(wǎng)上也有很多高人發(fā)布了一些解決的方法！這里我進(jìn)行了一些改良，兼容FF，IE62009-06-05- 今天有人問起，晚上試著寫出來，供參考； 以下代碼兼容主流瀏覽器IE6、IE7、Firefox、Opera。 從最簡(jiǎn)單的開始………… 一、如何讓一個(gè)DIV水平居2009-04-04
- 網(wǎng)頁制作Webjx文章簡(jiǎn)介：用CSS讓元素居中顯示并不是件很簡(jiǎn)單的事情—同樣的合法CSS居中設(shè)置在不同瀏覽器中的表現(xiàn)行為卻各有千秋。讓我們先來看一下CSS中常見的幾種讓元素水2009-04-02
CSS網(wǎng)頁布局：div水平居中的各種方法-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
在Web標(biāo)準(zhǔn)中的頁面布局是使用Div配合CSS來實(shí)現(xiàn)的。這其中最常用到的就是使整個(gè)頁面水平居中的效果，這是在頁面布局中基本，也是最應(yīng)該首先掌握的知識(shí)。不過，還是經(jīng)常會(huì)有2008-10-17CSS實(shí)現(xiàn)水平居中的4種思路簡(jiǎn)要概述
水平居中是經(jīng)常遇到的問題?？此品椒ㄝ^多，條條大路通羅馬。但系統(tǒng)梳理下，其實(shí)都圍繞著幾個(gè)思路展開。本文將介紹關(guān)于水平居中的4種思路，感興趣的朋友參考下吧2016-04-27