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

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