让图片 div居中实现代码

ttx9n · 发表于 2009-6-19 15:10:26

<!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>

kwa3hgmjp · 发表于 2022-8-18 05:40:25

而快乐你们快乐马年快乐

u6h2m4 · 发表于 2022-12-3 19:37:25

66666666666666666666

kwa3hgmjp · 发表于 2023-2-20 07:02:36

天天源码社区。。。。

idy6_yus · 发表于 2023-7-21 18:42:50

iiguuubhuiuihu

9jduu05 · 发表于 2024-3-2 19:31:26

建军节建军节建军节建军节

qwe520 · 发表于 2024-3-21 06:10:53

谢谢分享，先下来用用

白狐软件 · 发表于 2024-4-10 20:03:15

啪啪啪生怕PSP怕

Alisaliu · 发表于 2024-5-31 21:03:45

呵呵呵呵呵呵呵a

4k0mp7m · 发表于 2024-9-11 05:43:08

dfdsafdsfdsfdsf

账号		自动登录	找回密码
密码			立即注册

[CSS] 让图片 div居中实现代码

相关帖子