問題：為什么<UL>列表含<input>控件時，行高屬性在IE6.0下失效？FF2.0下正常。這是一個不常見的問題，我們不提倡這樣的布局方式，input元素盡可能的使用lable標(biāo)簽而不是包含于ul的li標(biāo)簽中。但在實(shí)際操作中，也可能存在這樣的情況，我們就ul列表中包含input時line-height屬性失效的問題作一些探討。

　　我們知道input標(biāo)簽是一個block元素，也就是一個塊元素，而line-height只可以應(yīng)用于inline行內(nèi)元素。所以line-height屬性的設(shè)置對input元素是無效的。我們看下面的代碼：


　　CSS模板下載所在的li標(biāo)簽及input元素，行高明顯的小于40px。因?yàn)閕nput是block元素?zé)oline-height屬性可言。我們只能通過變通的方法來解決問題。

　　首先我們定義好input標(biāo)簽的外觀，即他的寬度與高度。然后設(shè)置邊距，使其達(dá)到與其它li列表項(xiàng)同樣行高的視覺效果，而不是通過line-height屬性來實(shí)現(xiàn)。


　　我們定義input元素的邊框?yàn)橐幌笏氐幕疑珜?shí)線。寬度與高度分別是120px與20px。我們定義的li列表項(xiàng)的行高為40px。要使input元素如其它列表項(xiàng)一樣，則設(shè)置input元素的上下邊距為10px。即達(dá)到了行距為40px的效果。但這樣會造成“CSS模板下載”與input標(biāo)簽水平不對齊，我們設(shè)置vertical-align:middle。使得文字與輸入框水平對齊。關(guān)于vertical-align:middle的相關(guān)知識，心細(xì)的你或許會發(fā)現(xiàn)，我們這里也設(shè)置了line-height屬性，值是20px。這里的line-height屬性設(shè)置是input輸入文字的行高，我們這樣設(shè)置，可以使輸入文字在輸入框垂直居中。

　　通過此例，我們應(yīng)該注重區(qū)分不同的屬性所能作用的對象，line-height屬性是inline元素所擁有的，對于block元素是不起作用的。我們看最終的運(yùn)行效果：