div img span 垂直居中问题

div设置height,line-height影响块元素内的文本垂直居中,块下的a,img,span等行内元素是没能垂直居中，用了vertical-align:middle;可以处理div等块级元素下的行内原色垂直居中，用了没起作用，最后加了个*起作用了，可以达到效果了

<style>
#test *{vertical-align:middle;}
</style>
</head>
<body><div id="test"><img src="http://127.0.0.1/skin/images/hottel.jpg"/><span>double405</span></div>
</body>

转载于:https://www.cnblogs.com/double405/p/5296311.html

div img span 垂直居中问题相关推荐

Html div和span详解
div和span的区别 div: div是一个块级元素,可以包含段落,表格等内容,用于放置不同的内容.一般我们在网页通过div来布局定位网页中的每个区块. Span: span是一个内联元素,没有实际 ...
DIV与SPAN之间有什么区别
DIV与SPAN之间有什么区别解决思路: DIV 和 SPAN 元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染.主要用于应用样式表.两者最明显的区别在于DIV是块元素,而SPAN是 ...
div与span区别及用法
以下是在没有对开发网页页面设置css样式时候情况下,系统默认情况下的介绍 div与span区别 div占用的位置是一行, span占用的是内容有多宽就占用多宽的空间距离,说明如下图分析:从上图很容易 ...
css( div和span)——读书笔记
高级网站构建将用div和span来构建一些严格的支持结构一:div的用法 <1> 把页面上相互关联的一组元素把它们装进一个<div>元素来添加结构,如果你知道哪个元素属于哪 ...
HTML中DIV与SPAN的区别
DIV 和 SPAN元素最大的特点是默认都没有对元素内的对象进行任何格式化渲染.主要用于应用样式表.两者最明显的区别在于DIV是块元素,而SPAN是行内元素(也译作内嵌元素). 具体步骤: 1.所谓块 ...
图片标签|| 列表标签||链接标签||div和span|| 语义化标签
图片标签 img:展示图片 * 属性: * src:指定图片的位置相对路径 * 以.开头的路径 ...
在html中如何使用span,如何在HTML和CSS中使用DIV和span？
本文将帮助您理解和使用在css和HTML中如何使用"div"和"span",并用CSS对它们进行样式化.使用"div"的主要目的是将主体分成 ...
Html 教程（10）分组标签div 和span
1. HTML 可以通过<div>和<span>将元素组合起来 1.1 HTML 区块元素大多数 HTML 元素被定义为块级元素或内联元素. 块级元素在浏览器显示时,通常会以 ...
HTML中Div、span、label标签的区别
div与span 通俗地讲就是如果里面还有其他标签的时候就用div,如果里面只有文本就应该用span span与label 由于有了以上关于span的说法,那么我们就可以对文本进行span的容器操作了 ...

div img span 垂直居中问题

div img span 垂直居中问题相关推荐

最新文章

热门文章