导读:今天在做项目的时候,div在IE8下不居中,在其它浏览器下是居中了,下面是笔者解决办法与大家分享,希望对大家有所帮助。例子复制代码 代码...
今天在做项目的时候,div在IE8下不居中,在其它浏览器下是居中了,下面是笔者解决办法与大家分享,希望对大家有所帮助。
例子
<!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>
</head>
<body>
<div style="width:500px; height:100px; margin:0 auto; background:#63C">fddff</div>
</body>
</html>
在其它浏览器可以居中,但在div在IE8下不居中,后来我百度一下找到一个解决办法。
程序代码
<style type="text/css">
body{text-align:center;width:100%;}
#wrap{
text-align:left;
width:560px;
margin:0 auto;
border:1px solid #333;
background-color:#ccc;
}
</style>
<div id="wrap"> 在所有浏览器中都有效的方法: <pre> 在所有浏览器中都有效的方法: 在所有浏览器中都有效的方法: 在所有浏览器中都有效的方法:
</pre>
</div>
ok 解决,希望大家多多支持B5教程网