css三種方法實(shí)現(xiàn)div在瀏覽器水平居中
發(fā)布時(shí)間:2016-04-14 17:16:09 作者:佚名
我要評(píng)論

這篇文章主要介紹了css三種實(shí)現(xiàn)div在瀏覽器水平居中的方法,感興趣的小伙伴們可以參考一下
本文教大家如何實(shí)現(xiàn)一個(gè)div在瀏覽器水平居中,下面是三種解決方法,具體內(nèi)容如下
第一種方法:
CSS Code復(fù)制內(nèi)容到剪貼板
- div {
- margin: 0 auto;
- width: 960px;
- }
第二種方法(兼容IE):
CSS Code復(fù)制內(nèi)容到剪貼板
- body { text-align: center; }
- div {
- margin: 0 auto;
- width: 960px;
- }
第三種方法(不推薦):
CSS Code復(fù)制內(nèi)容到剪貼板
- div {
- position: relative;
- left: 50%;
- margin-left: -480px;
- width: 960px;
- }
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家學(xué)習(xí)CSS樣式有所幫助。
相關(guān)文章
- 下面小編就為大家?guī)硪黄獪\談css處理水平居中的問題。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-09-04
Flexbox制作CSS布局實(shí)現(xiàn)水平垂直居中的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄狥lexbox制作CSS布局實(shí)現(xiàn)水平垂直居中的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-27- 下面小編就為大家?guī)硪黄P(guān)于css水平居中的小小探討。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-29
- 下面小編就為大家?guī)硪黄猚ss水平居中的各種方法總結(jié)(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-03
淺析CSS實(shí)現(xiàn)水平垂直同時(shí)居中的5種思路
下面小編就為大家?guī)硪黄獪\析CSS實(shí)現(xiàn)水平垂直同時(shí)居中的5種思路。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過來看看吧2016-04-28CSS實(shí)現(xiàn)水平居中的4種思路簡(jiǎn)要概述
水平居中是經(jīng)常遇到的問題??此品椒ㄝ^多,條條大路通羅馬。但系統(tǒng)梳理下,其實(shí)都圍繞著幾個(gè)思路展開。本文將介紹關(guān)于水平居中的4種思路,感興趣的朋友參考下吧2016-04-27- 下面小編就為大家?guī)硪黄狢SS水平居中總結(jié)(新手必看篇)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-08