1. 程式人生 > >IE下line-height的BUG解決

IE下line-height的BUG解決

BUG症狀:當在一個容器裡文字和img、input、textarea、select、object等元素相連的時候,對這個容器設定的line-height數值會失效;

受影響的瀏覽器:
Microsoft Internet Explorer 5.01 / Windows
Microsoft Internet Explorer 5.5 / Windows
Microsoft Internet Explorer 6

解決方法:
對和文字相連線的img、input、textarea、select、object等元素加以屬性

margin: (所屬line-height-自身高度)/2px 0;
vertical-align:middle


  檢驗好用,不過使用者具體使用中要留意設定屬性的img、input等很可能不是全域性設定,這個時候就要靈活處理,比如一個頁面有兩個不同line-height屬性的容器A(class="a")和容器B(class="b")裡都有img、input等,如果是B處遇到此bug,則css裡寫* .b img {...}等等,這樣不影響A容器的css顯示,千萬不要寫* html img {...},因為後者是全域性設定。