网站首页
高清电影
无损音乐
游戏攻略
电脑教程
破解资源
站长资源
软件下载
让图片 div居中实现代码
(编辑:jimmy 日期: 2024/9/21 浏览:
2
)
<!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>hezc</title> <style type="text/css"> .hezc{width:200px; height:200px;line-height:200px;font-size:180px;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="http://lh4.ggpht.com/_ukA5Ln2cXIc/SRcgn5exDoI/AAAAAAAAAD4/JqcPpNZDPlI/s400/CSS%E9%80%9F%E8%AE%B0%E5%8D%A1%E7%89%87.gif" border="1" widht="100" height="100"/> </div> </body> </html>
提示:可以修改后运行.
img 图片居中:先小小的记录下发现的新方法,有空在整理下。
具体代码:
CSS Code复制内容到剪贴板
<!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>hezc</title>
<style type="text/css">
.hezc{width:200px; height:200px;line-height:200px;font-size:180px;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="https://www.jb51.net/images/logo.gif" border="1" widht="100" height="100"/>
</div>
</body>
</html>
上一篇:
去掉点击链接时周围的虚线框outline属性
下一篇:
用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器
最新资源
《命运2》新枪涉嫌抄袭Bungie响应正在调查
《刺客信条:影》引发争议日本预购表现低迷
黑神话悟空上品狸侍长精魄获取方法一览|上品狸侍
大自然环保音乐系列《风花雪月》4CD/DTS[WAV分轨
模拟之声慢刻CD甄妮《86精选[日本母带]》[低速原
[ABC]安娜-胆麦发烧女声[6N纯银镀膜][2016[低速
任天堂今晚举行直面会!第三方及独立游戏展示
《哆啦A梦的铜锣烧店物语》发售!开罗公式+哆啦A
任天堂公布《塞尔达传说》系列时间线:野炊与王泪
五条人.2012-一些风景2CD【刀马旦】【WAV+CUE】
首页
音乐
电影
资源