input文本和label對齊
默認(rèn)狀態(tài)下,也就是下面這樣, 文字和input是居中的。
<div> <label>我是中國人</label> <input type="text"></div>
但是經(jīng)常設(shè)計圖中有l(wèi)abel的行高,或者input的高度設(shè)計,默認(rèn)狀態(tài)下,依然是居中的。但是很多時候label和input要浮動,一旦浮動,后面的input標(biāo)簽就緊緊的貼住了label標(biāo)簽,也就造成了視覺上看到并沒有居中。
比如下面:
<div> <label>我是中國人</label> <input type="text"></div>label { font-size: 12px; float: left; }input { height: 20px; }