<body>

    <img src="显示和隐藏/tu.png" alt="">

    图片和文字是默认基线（baseline）对齐，这样会导致图片下方出现3px的空隙，
    解决方法是使用其他的对齐方式，比如middle，top等等,
    vertical-align大多是行内块和文字的对齐方式，比如img和input

</body>




1、图片和文字是默认基线（baseline）对齐，这样会导致图片下方出现3px的空隙



2、解决方法是使用其他的对齐方式，比如middle，top等等




<style>

         img{

             vertical-align: top;

             vertical-align: middle;

         }








3、使用浮动使文字环绕似乎更美观




<style>

         img{

             float: left;

         }






注意：vertical-align大多是行内块和文字的对齐方式，比如img和input
												


											
垂直对齐vertical-align的更多相关文章
	

    
						
  1. vertical-align表单元素垂直对齐
		
    原文地址:http://www.blueidea.com/tech/web/2009/6910.asp 最近的项目涉及到很多表单的制作,特别是复选框(checkbox)和单选框(radio).但是在前 ...
    
		
    2. 
						
  2. Xamarin.Android 水平对齐与垂直对齐
		
    水平对齐: 1.LinearLayout添加属性:android:orientation="vertical": 2.元件添加属性:android:layout_gravity=& ...
    
		
    3. 
						
  3. HTML  表格垂直对齐方式
		
    HTML表格标记教程(25):行的垂直对齐属性VALIGN在垂直方向上,可以设定行的对齐方式,分别有居上.居中.居下3种.基本语法<TR VALIGN="TOP">&l ...
    
		
    4. 
						
  4. vertical-align 属性设置元素的垂直对齐方式。
		
     值 描述 baseline 默认.元素放置在父元素的基线上. sub 垂直对齐文本的下标. super 垂直对齐文本的上标 top 把元素的顶端与行中最高元素的顶端对齐 text-top 把元素的顶 ...
    
		
    5. 
						
  5. 【css基础】文本对齐，水平对齐，垂直对齐
		
    先说水平对齐,那首先想到的就是text-align了,text-align:left,text-align:center,text- align:right,代表的就是左对齐,居中对齐和右对齐,需要注 ...
    
		
    6. 
						
  6. CSS之垂直对齐
		
    vertical-align: baseline 默认.元素放置在父元素的基线上. sub 垂直对齐文本的下标. super 垂直对齐文本的上标 top 把元素的顶端与行中最高元素的顶端对齐 text ...
    
		
    7. 
						
  7. 垂直对齐：vertical-align：super属性
		
    <p style=”vertical-align:super;”>垂直对齐<span>上标</span></p> <p>元素默认为块级元素, ...
    
		
    8. 
						
  8. 【CSS学习】--- 文本水平对齐属性text-align和元素垂直对齐属性vertical-align
		
    一.文本水平对齐属性---text-align text-align属性是将块级标签以及单元格里面的内容进行相应的对齐,块级标签里的内联元素会被整体进行移动,而子块级元素或子单元格则会继承父元素的te ...
    
		
    9. 
						
  9. vertical-align垂直对齐用法
		
    一.垂直对齐方式{vertical-align:middle/top/bottom:} <img>垂直对齐方式:1)给自身加vertical-align:再设置line-height即可: ...
    
		
    10. 
						
  10. 使用vertical-align实现垂直对齐
		
    关于垂直对齐,之前研究过好几次了,但感觉每次都没研究透彻,做了几个效果,就觉得自己掌握了,实在是自欺欺人.真乃搞技术的大忌. 这两天又下定决心重新开始研究vertical-allign这个高深莫测的属 ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. ThreadPoolExecutor使用错误导致死锁
			
    背景 10月2号凌晨12:08收到报警,所有请求失败,处于完全不可用状态 应用服务器共四台resin,resin之前由四台nginx做负载均衡 服务器现象及故障恢复步骤 登入服务器,观察resin进程 ...
    
			
    2. 
						
  2. 使用PrintDocument定制打印格式
			
    虽然说使在IE上直接调用打印插件打印已经不常用,但是有时候还是会用到,这里就记录一下. 首先我们列出来我们的打印类 public class PrintService { //打印机名称 privat ...
    
			
    3. 
						
  3. 后台传带引号(")的数据需要注意
			
    后台返回给前端的json字符串 [{"\"Name\":\"<span style=\\\"color: red\\\">&qu ...
    
			
    4. 
						
  4. UI5-技术篇-Hybrid App-2-Geolocation位置定位
			
    在SAP WEB IDE简单测试基于HTML5自带的定位功能,相关步骤如下: 1.VIEW代码 <mvc:View xmlns:core="sap.ui.core" xmln ...
    
			
    5. 
						
  5. SQL PLUS 远程连接数据库
			
    -- SQL PLUS 远程连接Oracle数据库(WINDOWS+SQL PLUS)命令:用户名/密码@ip地址[:端口]/service_name [as sysdba] EG: ORCL/ORC ...
    
			
    6. 
						
  6. Linux的环境配置文件----.bashrc文件（转）
			
    Linux的环境配置文件----.bashrc文件   .bashrc文件主要保存个人的一些个性化设置,如命令别名.路径等.也即在同一个服务器上,只对某个用户的个性化设置相关.它是一个隐藏文件,需要使 ...
    
			
    7. 
						
  7. Spark 宽窄依赖和stage的划分
			
    窄依赖 父RDD和子RDD partition之间的关系是一对一的,或者父RDD一个partition只对应一个子RDD的partition情况下的父RDD和子RDD partition关系是多对一的 ...
    
			
    8. 
						
  8. IAR常用快捷键和使用小技巧
			
    1.复制和粘贴几行的部分代码 需求:有时候我们需要复制几行代码的后半部分,不需要复制前半部分.方法:按住Alt键,再用鼠标拖动就可以复制和粘贴后半部分 2.复制一行 复制一行的时候,我们一般是从最后开 ...
    
			
    9. 
						
  9. asp.net core 读取Appsettings.json 配置文件
			
    Appsettingsjson 配置定义实体在StartUp时读取配置信息修改你的Controller通过构造函数进入配置信息总结Appsettings.json 配置很明显这个配置文件就是一个jso ...
    
			
    10. 
						
  10. Springboot中自已测试
			
    签到的测试,需要传入日期,签到7天可获得更多的积分, 构造7天前的签到记录,重写签到方法,进行构造数据 import cn.com.acxiom.coty.api.ws.bean.dto.PointD ...
    
			
    11.