欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Input標(biāo)簽與圖片按鈕水平對(duì)齊解決方法

  發(fā)布時(shí)間:2013-06-28 12:51:05   作者:佚名   我要評(píng)論
在日常的網(wǎng)頁制作當(dāng)中,我們可能會(huì)遇到input標(biāo)簽與圖片在同一行的情況,這時(shí)候你會(huì)發(fā)現(xiàn),無論你的css怎么寫都會(huì)出現(xiàn)input文本框與圖片鏈接無法在同一水平線上

昨日,小編的朋友就來咨詢,說他也遇到了這個(gè)問題,并且使用margin、padding等Css語法,都沒有解決。

  解決方法其實(shí)很簡單,我們只要加上vertical-align:middle屬性就可以了。

  來看實(shí)例:


提示:您可以先修改部分代碼再運(yùn)行


頁面直接擺放一個(gè)input文本框與ImageButton圖片按鈕,但是發(fā)現(xiàn)沒有對(duì)齊:


復(fù)制代碼
代碼如下:

<input type="text" id="txtQty" />
<asp:ImageButton ID="IBtnBuy" runat="server" />


如圖所示



其實(shí)只要給圖片按鈕添加一個(gè)css屬性就可以:


復(fù)制代碼
代碼如下:

<asp:ImageButton ID="IBtnBuy" runat="server" CssClass="btnImg" />
.btnImg{ vertical-align:middle; }


這樣就對(duì)齊了:

相關(guān)文章

最新評(píng)論