Input标识与照片按钮水平对齐处理方式

日期:2020-09-23 类型:科技新闻 

关键词:微信小程序页面设计,python小程序,小程序首页模板,如何建立微信小程序,怎么做微信小程序

昨天,网编的盆友就来资询,说他也遇到了这个难题,而且应用margin、padding等Css英语的语法,都沒有处理。

  处理方式实际上很简易,大家要是再加vertical-align:middle特性便可以了。

  看来案例:


提醒:您能够先改动一部分编码再运作


网页页面立即放置1个input文字框与ImageButton照片按钮,可是发现沒有对齐:


拷贝编码
编码以下:

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


如图所示



实际上要是给照片按钮加上1个css特性便可以:


拷贝编码
编码以下:

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


这样就对齐了: