Input标签与图片按钮水平对齐解决方法

摘要:
昨天,小编的一位朋友来咨询他,说他也遇到了这个问题。他还使用了margin、padding和其他Css语法,但没有解决它。解决方案非常简单。我们只需要添加垂直对齐:中间属性。看看这个例子:提示:您可以先修改部分代码,然后运行页面以直接放置输入文本框和ImageButton图像按钮,但发现它们没有对齐:按如下方式复制代码:<inputtype=“text”/

昨日,小编的朋友就来咨询,说他也遇到了这个问题,并且使用margin、padding等Css语法,都没有解决。

  解决方法其实很简单,我们只要加上vertical-align:middle属性就可以了。

  来看实例:




   提示:您可以先修改部分代码再运行



页面直接摆放一个input文本框与ImageButton图片按钮,但是发现没有对齐: 


复制代码
代码如下:

<input type="text" /> 
<asp:ImageButton runat="server" /> 



如图所示

Input标签与图片按钮水平对齐解决方法第1张

其实只要给图片按钮添加一个css属性就可以: 


复制代码
代码如下:

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



这样就对齐了:

Input标签与图片按钮水平对齐解决方法第2张

免责声明:文章转载自《Input标签与图片按钮水平对齐解决方法》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇shell脚本(3)-格式化输出POI IndexedColors 编码 与 颜色 对照下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

预训练模型专题_GPT2_模型代码学习笔记

此文转载自:https://blog.csdn.net/qq_35128926/article/details/111399679 最近将huggingface的transformers(v4.0.1)库中的GPT2模型源码详细学习了一遍,因此将学习过程中,对于GPT2模型源码的一些学习笔记记录在此篇博客之中,以供之后参考。 GPT2模型是OpenAI组织...

【转】在Eclipse下搭建Android开发环境教程

本文将全程演示Android开发环境的搭建过程,无需配置环境变量。所有软件都是写该文章时最新版本,希望大家喜欢。   一 相关下载 三 Eclipse配置   (1)Java JDK下载   1 安装android 开发插件   (2)Eclipse下载   2 配置Android SDK   (3)下载Android SDK   3 新...

获取input type=radio属性的value值

  个人代码1: <divclass="form-group" style=" 250px;margin:0 auto;"> <labelfor="">性别</label> <input type="radio" name="driverSex" value="男"/>男 <input type="r...

foobar2000下播放DSD音乐的插件

需要测试foobar下面DSD的播放插件,翻遍了度娘,找不到一个容易下载的地方,要不一大堆广告,要不就是需要账号,烦死了,总是设置了很多障碍。其实这东西是人家老外开发的,最原始的插件名字叫做foo_input_sacd-0.6.5.zip, 在下面这个地址可以下载到:http://downloads.sourceforge.net/project/sacd...

vue-quill-editor 封装成组件;图片文件流上传;同一页面多个编辑器样式异常解决办法

使用方法: 引入并注册组件,然后直接使用; @getcode是同步获取编辑器内容的;:contentDefault是编辑器的默认内容; 注意:如果同一个页面多个编辑器,参数id不能相同,否则只有第一个编辑器有样式; 封装组件: 工具栏可以自己添加配置,看自己项目需求 <template> <div class="quill_bo...

前端基础之JQuery

目录: JQuery简介 选择器与筛选器 属性,css,文档处理 each循环、文档节点处理、动画效果、css操作 插件机制 示例 一、JQuery简介 1、JQuery的由来: jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team。 jQuery是继prototype之后又一个优秀的Ja...