PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > HTML+CSS > 正文

    div在IE8下如何解决不居中问题

    作者:w634381967来源:B5教程网浏览:时间:2020-09-30 00:07:50我要评论
    导读:今天在做项目的时候,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教程网
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-70-651-1.html
    相关热词搜索: