今天弄頁面排版,發現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