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









<input type="text" id="txtQty" /> 




<asp:ImageButton ID="IBtnBuy" runat="server" />






如图所示




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






<asp:ImageButton ID="IBtnBuy" runat="server" CssClass="btnImg" />










.btnImg{ vertical-align:middle; }






这样就对齐了：


												


											
[CSS]Input标签与图片按钮对齐的更多相关文章
	

    
								
  1. CSS设置标签、图片放大、缩小、旋转、移动(tranform)
		
    CSS设置标签.图片放大.缩小.旋转.移动(tranform) 1.缩小和放大属性(scale) 格式:tranform:缩小类型(数值): 注意:缩小和放大都是 scale : 其中的值(0~1)代 ...
    
		
    2. 
						
  2. input文字垂直居中和按钮对齐问题，兼容IE8
		
    1.盒子模型问题:请CSS重置 2.按钮不对齐:请浮动或者vertical-align:middle;然后计算宽高,使其对齐 : 3.IE8文本不居中:line-height属性     注意:IE8 ...
    
		
    3. 
						
  3. 设置type为file的input标签选择图片类型
		
    设置能选择各种类型的图片如:png,jpg <input id="file" name="file" type="file" acce ...
    
		
    4. 
						
  4. 一个input标签搞定含内外描边及阴影的按钮～
		
    自从怀孕以来,我就变得很是轻松,偶尔写一两个页面,或者偶尔调试一个两个bug,或者偶尔给做JS的同事打打下手,修改个bug什么......一个习惯于忙碌的工作的人,这一闲下来,感觉还真TM很不舒服-怎 ...
    
		
    5. 
						
  5. css中的img和input标签
		
    一般情况下,行内元素设置宽高是无效的,常见的有a标签.img和input也属于行内元素,但他们却可以设置宽高!!!! 查阅了一些资料才明白,原来css的元素还有另外一种分类方法,可替换元素,不可替换元 ...
    
		
    6. 
						
  6. 如何用input标签上传多个图片并回显
		
    本文主要记录如何用input标签和jquery实现多图片的上传和回显,不会涉及后端的交互,大概的效果看图 我们从零来做一个这样的demo 第一步: 我们先完善一下我们的页面,默认的input-file ...
    
		
    7. 
						
  7. 一个解决chrome浏览器下input标签当autocomplete的时候背景变黄色同时input背景图片消失方案
		
    最近在改一个bug即如标题所讲的一样,chrome浏览器下当input标签开启autocomplete的时候input的背景颜色变黄同时在input的背景图片也被覆盖了.为此百度了好久发现网上说的使用 ...
    
		
    8. 
						
  8. input标签写CSS时需要注意的几点（先收藏）
		
    (从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期2014-05-05) 飞鱼的声纳顶部的搜索框让我头疼了很长时间,原因是总不能获得跨浏览器的统一样式.主要的问题有这么两个:一是inpu ...
    
		
    9. 
						
  9. 漂亮的自适应宽度的多色彩CSS图片按钮
		
    一.素材               二.效果 三.CSS *{padding:0;margin:0} /*----------------------------------- 自适应宽度图片按钮  ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 编译CM13源码添加来去电归属地 SudaMod开源项目，查看commit提交记录
			
    这个问题纠结了很多时间,感谢苏打先森@Sudamod的开源项目. 大家知道CM13是没有来去点归属地的,就算有那也是google,对于中国人不适用,所以这里把方法贡献出来. 1.与通话有关的app D ...
    
			
    2. 
						
  2. Servlet和JSP学习指导与实践（三）:JSP助阵
			
    前言: JSP(Java Server Page)虽然作为一门服务端的语言,但它并没有创新新的语言标准.有些人一接触jsp之后发现易学易懂.实际上,jsp的内部原理仍然是基于Servlet,它是Ser ...
    
			
    3. 
						
  3. Alpha阶段第三次Scrum Meeting
			
    情况简述 Alpha阶段第三次Scrum Meeting 敏捷开发起始时间 2016/10/24 00:00 敏捷开发终止时间 2016/10/25 00:00 会议基本内容摘要 总结了之前学习的内容 ...
    
			
    4. 
						
  4. IE浏览器不能访问网页，google可以访问
			
    现象:google浏览器可以进行网络访问,ie不能访问 原因:代理服务修改了局域网配置脚本 解决: Internet选项---连接---局域网设置: 去除勾选 “使用自动配置脚本”
    
			
    5. 
						
  5. JavaScript 中一些概念理解 ：clientX、clientY、offsetX、offsetY、screenX、screenY
			
    clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条. clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标,其中客户区域不包 ...
    
			
    6. 
						
  6. CSS3按钮效果
			
    来自codepen,http://codepen.io/PalashSharma20/pen/YWBAgN 知识点:屏幕居中.transform.transition.transition-delay ...
    
			
    7. 
						
  7. 如何优化用SQL语句INSERT INTO … SELECT插入数据时锁全表的问题
			
    1.binlog format 启用Row Based Replication(行复制)模式: SET GLOBAL binlog_format = 'ROW'; 如果你想永久的启用这个模式,请修改m ...
    
			
    8. 
						
  8. Shell case esac语句
			
    case ... esac 与其他语言中的 switch ... case 语句类似,是一种多分枝选择结构. case 语句匹配一个值或一个模式,如果匹配成功,执行相匹配的命令.case语句格式如下: ...
    
			
    9. 
						
  9. nyoj 下三角矩阵
			
    Problem A 下三角矩阵 时间限制:1000 ms  |  内存限制:65535 KB 描述 给定一个由0和1组成的矩阵.只允许交换相邻的两行,要把矩阵转化成下三角矩阵(主对角线上方的元素都是0 ...
    
			
    10. 
						
  10. [Search Engine] 搜索引擎技术之倒排索引
			
    倒排索引是搜索引擎中最为核心的一项技术之一,可以说是搜索引擎的基石.可以说正是有了倒排索引技术,搜索引擎才能有效率的进行数据库查找.删除等操作. 1. 倒排索引的思想 倒排索引源于实际应用中需要根据属 ...
    
			
    11.