萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> Google浏覽器CSS居中兼容問題完美解決方法

Google浏覽器CSS居中兼容問題完美解決方法

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

 

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

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

樣式表是這樣修改的

復制代碼 代碼如下:


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

copyright © 萬盛學電腦網 all rights reserved