IE下line height的BUG解決

2021-04-15 22:13:24 字數 584 閱讀 9616

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 ,因為後者是全域性設定。

ie6下的line height屬性

line height這個屬性是被ie6所支援的。當是當乙個父級元素內的子元素,包含了文字,且文字和img,input,label,span這些內聯元素連線在一起的時候,你對父級元素設定line height是沒有任何效果的。很多情況下,我們希望文字和表單元素 比如input輸入框 垂直居中,在設定...

line height在IE6下失效的問題解決辦法

以前做頁面ie6行高問題,總出.但為了省時間,都改用padding撐起來去解決了.就直接不用行高解決.今天有空又在網上查了查.總結一下解決方法 因為li中加入,會導致line height失效如 當在乙個容器裡文字和img input textarea select object等元素相連的時候,對...

IE6下jQuery選中select的BUG

現在公司開發專案都是用jquery,最近做聯動下拉框時遇見個問題 在ie6下報錯 無法設定selected屬性。未指明的錯誤 而在其他瀏覽器中都順利執行。定位了下,是呼叫jquery的val方法選中時出了問題,在除錯時發現乙個奇怪的現象,alert後是可以順利執行的,於是嘗試寫個settimeout...