DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> 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;
}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved