img标签与span一起使用不在同一条线上

布局时 img标签与span标签在同一行是不能垂直,解决办法:在 img标签添加一个

vertical-align:middle;

<!-- img与span的文字与图片保持同一条水平线 在img中添加vertical-align:middle;-->
<div>
<img style="width: 50px;height: auto;vertical-align:middle;" src=‘../images/x_02.png‘/>
<span>vvv</span>
</div>

  

原文地址:https://www.cnblogs.com/lvxisha/p/10651686.html

时间: 2024-10-12 18:06:42

img标签与span一起使用不在同一条线上的相关文章

UI标签库专题四:JEECG智能开发平台 Upload(上传标签)

?? 1. Upload(上传标签) 1.1.  参数 属性名 类型 描述 是否必须 默认值 id string 上传控件唯一标示 是 null name string 控件name 是 null formData string 上传文件提交后台的其他表单参数取ID 否 null uploader string 上传提交路径 是 null extend string 上传文件扩展名(可选类型组1,pic[*.jpg;*,jpeg;*.png;*.gif;*.bmp;*.ico;*.tif],2,

ie下li标签中span加float:right不换行问题解决方案

在IE6,IE7下使用标签时,在加入右浮动样式(float:right)后,会换行的bug解决方案:bug案例:新闻列表中,为使时间右对齐,加右浮动产生换行 <ul> <li><a href=“#”>BEST SUSHI MENU</a> <span>2012-12-24</span></li> <li><a href=“#”>BEST SUSHI MENU</a> <span&g

如何清除a标签或者span标签之间的默认留白间距

即使使用 *{margin: 0;padding: 0;} 这样的代码重置了浏览器默认样式 类似<a>标签这种inline-block元素,它们之间还是存在着留白和间距. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <meta name="vie

Bag标签成一条线的代码来实现中国字

说明: <Bag id=书包名 act=2words[name=key] [gap=字符] [quotes=引號]>中英文混合内容</Bag> 例0: 默认分词(无gap和quotes參数) <bagid=pPage act=2words name=words>我喜欢黄色高领T恤衫</bag> 输出分词结果 <p><b>结果词组: </b>@{pPage:words}</p> 效果: 完整代码 <html

(测试文章,转载)CSS深入理解vertical-align和line-height的基友关系

一.想死你们了 几个星期没有写文章了,好忙好痒:个把月没有写长篇了,好忙好想:半个季度没在文章中唠嗑了,好痒好想. 后面一栋楼有对夫妻在吵架,声音雄浑有力,交锋酣畅淋漓,还以为只有小乡镇才有这架势,哦,突然想起来,我就是住在上海郊外的小乡镇上. 刚刚买了几十股京东的股票,第一次玩这个,看好京东的发展.其实股价21的时候就打算入手了,但是,转外汇的时候,提示,要工作时间.然后一忙二忘,等现在入的时候,已经涨了20%多了,科科,肥皂弄人啊!写到这里的时候,忍不住拿出手机一看,哎呦,不错哦,盈利28刀

最常用的css垂直居中方法

css垂直居中一直以来都是一个被大家说烂了的话题,翻来覆去的炒.不过说实话,正是因为css没有提供标准的垂直居中方法(不过在css3中已经有了相关规范),所以大家才会对它进行专门的研究.这研究来研究去,垂直居中的方法比水平居中都要多了.但又说回来,各种方法人云亦云,不同的方法对于不同层次的人理解起来又有不同,用处也不同.本文结合技术实现的复杂度.理解性的难易度.以及大多数人的接触顺序对常用的垂直居中方法进行分等级的系统讲解,希望能对读者的工作和学习有所帮助. OK,闲话扯了一堆,下面开始正文,先

【译】关于vertical-align你应知道的一切

原文地址:Vertical-Align: All You Need To Know 通常我们需要垂直对齐并排的元素. CSS提供了一些可实现的方法:有时我用浮动float来解决,有时用position: absolute来解决,有时甚至是“肮脏”地手动添加的margin或padding. 我真的不喜欢这些解决方案.float只对齐元素的顶部,且需要手动清除浮动.绝对定位的元素脱离文档流,所以他们不再影响周围的元素.而用修补性的margin或padding打破了最细微变化的东西. 但这里还有一个选

深入理解vertical-align和line-height的关系

vertical-align的百分比值不是相对于字体大小或者其他什么属性计算的,而是相对于line-height计算的.举个简单的例子,如下CSS代码: { line-height: 30px; vertical-align: -10%; } 实际上,等同于: { line-height: 30px; vertical-align: -3px; /* = 30px * -10% */ } CSS属性何其多,偏偏跟line-height有一腿,这不是有基情那是什么? ① 基本现象 要八卦verti

css面试题总结(转)

转自此网页http://www.cnblogs.com/YangqinCao/p/5721810.html. 1.两栏布局,左边栏宽度固定,适应父元素高度变化 首先分析两栏布局, 两栏布局两种常见方法, .left{ width:200px; float:left; } .main{ margin-left:200px; } .left{ width:200px; position:absolute; top:0; left:0; } .main{ margin-left:200px; }  对