页面直接摆放一个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. UICollectionView
			
    #import "ViewController.h" @interfaceViewController ()<UICollectionViewDataSource,UICol ...
    
			
    2. 
						
  2. JS 工厂模式
			
    1.什么是工厂模式 工厂模式是面向对象的设计模式,作用在于创建一个对象,mixin模式也是面向对象的设计模式,作用在于继承. 工厂模式定义一个接口,让实现这个接口的类来决定实例化哪个类,也就是说通过一 ...
    
			
    3. 
						
  3. iframe子页面点击按钮，执行父页面的点击事件
			
    iframe 子页面点击.parent 父页面  的id(auth-link-btn)的事件 <a href="javascript:void(0);" onclick=&q ...
    
			
    4. 
						
  4. maven project中,在main方法上右键Run as Java Application时,提示错误:找不到或无法加载主类XXX.XXXX.XXX
			
    新建了一个maven project项目,经过一大堆的修改操作之后,突然发现在main方法上右键运行时,竟然提示:错误:找不到或无法加载主类xxx.xxx.xxx可能原因1.eclipse出问题了,在 ...
    
			
    5. 
						
  5. [NHibernate]N+1 Select查询问题分析
			
    目录 写在前面 文档与系列文章 N+1 Select查询问题分析 总结 写在前面 在前面的文章(延迟加载,立即加载)中都提到了N+1 Select的问题,总觉得理解的很不到位,也请大家原谅,这也是为什 ...
    
			
    6. 
						
  6. LInux升级Python版本2.7.11所遇问题汇总
			
    首先请原谅我使用校园网络,基本上打不开谷歌,网络搜取得帮助均来自度娘. 对于我这个linux新手 IT 新手来说,自己升级点东西好担心,万一出错,可能都要重来.... 参照度娘内容和自己摸索,今天晚上 ...
    
			
    7. 
						
  7. Flex Builder快捷键
			
    Flex几个最重要的快捷键 代码助手:Ctrl+Space(简体中文操作系统是Alt+/) 快速修正:Ctrl+1 单词补全:Alt+/ 打开外部Java文档:Shift+F2 显示搜索对话框:Ctr ...
    
			
    8. 
						
  8. 好代码系列（一）：LazyObject
			
    site-packages/django/utils/functional.py def new_method_proxy(func): def inner(self, *args): if self ...
    
			
    9. 
						
  9. python 环境配置
			
    每个项目都应该有自己的虚拟环境,如何方便的操作呢? 1. 安装 virtualenv 2. 安装 virtualenvwrapper 3. 创建目录用来存放虚拟环境 mkdir $HOME/.virt ...
    
			
    10. 
						
  10. poj 1695
			
    用动态规划,dp[a][b][c]表示从位置最大的车在a(注意不是第一辆车),第二的车在b,第三的车在c开始最少需要的时间. 方程:dp[a][b][c]=max{dp[a+1][b][c],     ...
    
			
    11.