DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 關於DIV裡面中英文沒對齊問題
關於DIV裡面中英文沒對齊問題
編輯:CSS詳解     

碰到這個問題還得感謝一位朋友,幫她排DIV的時候她檢查的還真嚴格,竟然發現了是不是要解決呢?現在就講一下解決方法好了。(提醒的是在FF裡面不會出現這種情況)


中英文不對齊有兩種情況:


第一種:當中英文對象的相鄰元素擁有vertical-align屬性設置(比如前面一張小圖片,或者文本框,我們需要把他們垂直對齊,一般都會給圖片,文本框(其他任意內聯塊元素)設置vertical-align:middle;來實現)的時候,那麼就會影響到中英文的不對齊。
給中英文對象加一個zoom:1觸發它的haslayout,通過研究發現一旦它有了haslayout之後,中英文就不會對不齊


第二種情況是在第一個情況下還是不能對齊時,給中英文對象加句vertical-align:baseline就可以解決!(注:保留前面的樣式)

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