IE6 line-height 失效

今天弄頁面排版,發現line-height在IE6中失效啦!!~~

在網上找了一下解決方法:

 

BUG症狀:當在一個容器裏文字和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-自身高度)/2px 0;
vertical-align:middle

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章