Google瀏覽器CSS居中兼容問題完美解決方法
2018-08-27 瀏覽:3662 作者:admin 類別:網頁設計

在IE內核瀏覽器或者firefox瀏覽器中都能居中,沒有居中的可以用其特殊標簽來設定居中可是在谷歌瀏覽器查看時就出現無法居中的BUG,下面的解決方法有類似情況的朋友可以參考下

div做的界面時,又出現CSS hack(CSS兼容瀏覽器問題)在IE內核瀏覽器或者firefox瀏覽器中都能居中,沒有居中的可以用其特殊標簽來設定居中,如下劃線 _ IE6優先識別,!important 僅火狐firefox瀏覽器識別??墒窃诠雀铻g覽器查看時,就出現兼容Google瀏覽器的BUG了,無法居中。

現在向樣式表中添加兩句就能解決問題了。

樣式表是這樣修改的

復制代碼代碼如下:


.Google-center
{ width:320px;
height:202px;
text-align:center ;
/*加上了這兩句,在谷歌瀏覽器中就實現了登陸界面的居中了*/
margin-left:auto;
margin-right:auto;
color:#ff33ff;
background-color:#ccffcc;
}

點擊這里給我發消息