css图片相对div居中显示

发布时间:2019-10-20编辑:脚本学堂
本文分享一例css代码,实现页面中的图片相对于div居中显示,这个经常用到,有需要的朋友不妨作个参考。

本节内容:
css图片相对div居中显示

例子:
 

复制代码 代码示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
<title>图片居中-www.jb200.com</title>  
<style type="text/css">  
.hezc{
width:800px; height:600px;
line-height:600px;font-size:540px;
text-align:center;display:table-cell;
vertical-align:middle;border:1px solid #ccc}  
.hezc img{ vertical-align:middle;}  
</style>  
</head>  
<body>  
<div class="hezc">  
<img src="/img/logo.png" border="1" width="100" height="100"/>  
</div>  
</body>  
</html>

>>> 查看更多
css 居中 相关教程 <<<