DIV中IMG垂直居中问题

huerreson 2006-09-13 03:07:32

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
.ImageViewer{width:120px;height:120px;overflow:hidden;border:1px solid red;text-align:center;line-height:120px;}
.ImageViewer img{border:1px solid blue;}
</style>
</head>
<body>
<div class="ImageViewer"><img src="1.jpg" border="0" align="bottom"/></div>
</body>
</html>

如此，要做到img在div中能垂直居中。

...全文

1489 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

飘零雾雨 2006-11-10

打赏
举报

文字垂直居中又稍微好弄一些！

ddcatlee 2006-11-10

打赏
举报

如果纯是图片的话，可以考虑设置为背景图

skendy 2006-11-10

打赏
举报

一边设置DIV里面的内容的位置的时候，最常用的就是padding，具体数值可以是固定的值，也可以是百分比

badboylg308 2006-11-10

打赏
举报

是不是div中不能让里面的任何东西都垂直居中呀，文字好像也不行吧？

future914 2006-11-09

打赏
举报

关注

飘零雾雨 2006-11-09

打赏
举报

图片垂直居中没有比较好的实现方法，可以如楼上那样用padding！

oomen 2006-09-15

打赏
举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
.ImageViewer{
width:120px;
height:120px;
overflow:hidden;
border:1px solid red;
text-align:center;
line-height:120px;
padding-top: 40px;
}
.ImageViewer img{
border:1px solid blue;
height: 30px;
width: 30px;
}
</style>
</head>
<body>
<div class="ImageViewer"><img src="1.jpg" border="0" align="bottom"/></div>
</body>
</html>