当前位置：首页 → 问答吧 → 火狐和ie6怎么设置图片共同居中

火狐和ie6怎么设置图片共同居中

时间：2010-09-08

来源：互联网

在页面上一个图片我在ie6下图片居中了（设置text-align：center，）可是在火狐里还是靠左边怎么调啊高手给整整小弟先谢过了....

作者: zsvslx 发布时间: 2010-09-08

不能够啊，看这个例子：
HTML code

<div style="width:300px; height:100px; border:1px solid red; text-align:center;">
    <img src="http://img5.cache.netease.com/gz2010/2010/9/8/20100908075753408d7.jpg" alt="">
</div>

给个代码瞧瞧，我想你的img可能是在一个块级元素里面

作者: WebAdvocate 发布时间: 2010-09-08

你给我这个代码也不好用啊
body {
color: #222;
text-align: center;
margin:0;
font-family:Arial,tahoma,Helvetica,sans-serif;
font-size: 12px;
height:100%;
width:100%;
line-height:150%;
word-break:break-all;
padding:0;
overflow:hidden;
}
#div_title{background:url(../Image/index.jpg) no-repeat; width:960px; height:430px; padding-left:200px;} css样式里写的
这是页面内容
<!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>无标题文档</title>
<link rel="stylesheet" type="text/css" href="CSS/MasterStyle.css"/>
</head>
<body>
<div>
<div id="div_title"></div>
</div>
</body>
</html>

作者: zsvslx 发布时间: 2010-09-08

我给的那段代码是能用的。。。
你这个图片是 DIV块级元素，图片这不是当作它的背景了么

作者: WebAdvocate 发布时间: 2010-09-08

另外，关于text-align的问题，请看这个帖子：你的元素居中对齐了吗？ --- 关于 'text-align：center' 的问题

作者: WebAdvocate 发布时间: 2010-09-08