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

2022-07-22 19:54:15 字數 503 閱讀 9129

以前做頁面ie6行高問題,總出.但為了省時間,都改用padding撐起來去解決了....就直接不用行高解決.今天有空又在網上查了查.總結一下解決方法!

因為li中加入,會導致line-height失效如:

當在乙個容器裡文字和img、input、textarea、select、object等元素相連的時候,對這個容器設定的line-height數值會失效; 同時以上元素的行高可能×2:

受影響的瀏覽器: microsoft internet explorer 5.01 / windows  microsoft internet explorer 5.5 / windows  microsoft internet explorer 6

解決方法:

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

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

ie6下的line height屬性

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

uploadify在IE6下的問題

上傳外掛程式uploadify,在ie8下執行的沒有問題。轉到ie6下時,就不能上傳了。把瀏覽器的 檢查所存網頁的較新版本 設定為 每次訪問網頁時 就沒有問題,如果設定為 自動 ie6下就不能上傳外掛程式正常使用了。原來是瀏覽去快取了一些js或swf的問題。經過測試發現是 uploadify.all...

讓position fixed在IE6下可用

html,html body html plant header 這兩句是 什麼意思?讓position fixed在ie6下可用 fixed top 頭部固定 fixed bottom 底部固定 fixed left 左側固定 fixed right 右側固定 上面的是除了ie6的主流瀏覽器通用的...