转自:http://bbs.blueidea.com/thread-2817784-1-1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>div</title>
<style type="text/css">
<!--
.tb-p-c{
display: table-cell;
vertical-align:middle;
width:140px;
height:140px;
text-align:center;
*display: block;
*font-size: 122px;
background:red;
}
.tb-p-c img {
vertical-align:middle;
}
-->
</style>
</head>
<body><a class="tb-p-c"><img src="jishi070912_2.jpg" /></a></body>
</html>
分享到:
相关推荐
DIV+CSS 图片垂直居中效果
主要介绍了Jsp中如何让图片在div中居中的小技巧,需要的朋友可以参考下
在DIV中图片垂直/水平居中(最简单方法)
div 图片上下居中,左右居中 ,兼容多版本浏览器
DIV+CSS 图片居中效果 兼容 IE FF。。等浏览器
任意图片在div里的垂直居中!
图片居中到div中显示
div相对与table对于图片的垂直居中支持的并不好,特别对于不同浏览器的兼容性来说,这里我们看下一个简洁的css解决方法: 在曾经的 淘宝UED 招聘 中有这样一道题目: “使用纯CSS实现未知尺寸的图片(但高宽都小于200px...
(有的设计师为图片再加个div标签,然后通过div标签的margin实现居中)。 如果图片在div中下的span属性中,必须转换成display:block;然后padding-top:10px。 以上就是小编为大家带来的解决img在div中居中的问题的...
DIV+CSS上下左右绝对居中
介绍: 很多朋友都在问这个问题,div的内容图片垂直居中代码,这个代码兼容多浏览器。
一款不需要任何JS即可控制图片上下左右居中的效果 以前以为必须要JS才能控制图片上下居中的,现在才发现原来css也有这个本事 一半只有table,默认图片才会上下居中,现在只需要加几行css即可实现,高级。使用方法...
图片垂直居中的css+div代码的几种方法编写
一个图片居中的CSS示例,兼容IE6,7,8和FF,opera,safari
css图片垂直居中,分IE,与非IE进行,很详细的
用CSS来实现img图片在DIV层中上下左右都居中,并且图片等比例缩放。很实用的
div+css布局限制图片最大宽度图片水平垂直居中兼容IE6
NULL 博文链接:https://highfly-s.iteye.com/blog/1878910