图片居中问题

shazhibox 2010-09-14 02:00:01

定义了一个div怎么在这个div中的图片上下居中啊！！！

...全文

196 14 打赏收藏转发到动态举报

写回复

用AI写文章

14 条回复

切换为时间正序

请发表友善的回复…

发表回复

kurorolove 2010-09-16

打赏
举报

table吧css里的bug div里无法实现垂直居中

shazhibox 2010-09-15

打赏
举报

还是不行。。。谢谢大家了。。我结贴了

我说我行就是行 2010-09-15

打赏
举报

在外面加一个p

代码如下

<p align="center">
这里是你div的内容
</p>

马老虎 2010-09-15

打赏
举报

http://bbs.blueidea.com/thread-2666987-1-9.html

马老虎 2010-09-15

打赏
举报

DIV中的图片想垂直居中只能使用margin 或者pedding

shazhibox 2010-09-15

打赏
举报

试过了都没起作用啊

newdigitime 2010-09-15

打赏
举报

这能不行吗?

搞一个最原始的办法:给img设置 margin-top或margin-bottom

newdigitime 2010-09-14

打赏
举报



1.

<div style="text-align:center">

<Img>

<DIV>



2.

<DIV>

<IMG style="margin:5px auto" >

</div>



仍选一种,或两种方法结合起来.

porschev 2010-09-14

打赏
举报



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

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Div+CSS图片垂直居中</title>

</head>

<style>.box {

display: table-cell;vertical-align:middle;text-align:center;*display: block;

*font-size: 175px;*font-family:Arial;width:220px;height:200px;

border: 3px solid #ccc; }.box img {vertical-align:middle; border:0;}

</style>

<body>

<div class="box">

<a href="/" target="_blank"><img src="/images/logo.gif" /></a>

</div>

</body>

</html>