欢迎来到元素模板www.ys720.com,本站提供专业的织梦模板网站模板ASPCMS模板网站修改/网站仿站
当前位置:主页 > 程序教程 > 其他教程 >
其他教程

img图片 如何垂直居中 兼容各个浏览器方法

(元素模板) / 2015-11-15 13:37

问:img图片 如何垂直居中 兼容各个浏览器方法?

元素模板网为您解答

首先css部分如下:

#picbox{width:400px; height:300px; text-align:center; line-height:300px; border:solid 3px red;}

#picbox span{display:inline-block;}

#picbox img{vertical-align:middle;}

 

然后是DIV代码如下:

<div id="picbox">

  <span>&nbsp;</span><img src="http://imgsrc.baidu.com/forum/pic/item/3cb753af54ac0fc7faed50f1.jpg" />

</div>

 
Copyright @ 2013-2019 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com