本篇內容主要講解“解決ie下margin不居中的方法有哪些”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“解決ie下margin不居中的方法有哪些”吧!
創新互聯專注于高邑企業網站建設,響應式網站設計,商城網站建設。高邑網站建設公司,為高邑等地區提供建站服務。全流程按需網站策劃,專業設計,全程項目跟蹤,創新互聯專業和態度為您提供的服務
正常情況下需要將div居中顯示時,使用Css樣式:margin:0 auto即可,但有時使用margin:0 auto后在FF、Chrome里能居中,而在IE678里不居中的現象。
代碼如下:
<style type="text/css">
#con{width:980px;martin:0 auto;}
</style>
<div id="con">margin: 0 auto 內容居中顯示</div>
解決方法一
可以是對網頁主體<body>聲明文本居中,即body{text-align:center}
即:
代碼如下:
<style type="text/css">
body{text-align:center}
#con{width:980px;martin:0 auto;}
</style>
<div id="con">margin: 0 auto 內容居中顯示</div>
解決方法二
其實和解決方法一差不多,只是在要居中的div外層添加多一個div,并使其居中
即:
代碼如下:
<style type="text/css">
#con{width:980px;martin:0 auto;}
</style>
<div style=“text-align:center”><div id="con">margin: 0 auto 內容居中顯示</div></div>
解決方法三
出現這個現象的原因在于文檔的DTD聲明;
修改DTD為
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
到此,相信大家對“解決ie下margin不居中的方法有哪些”有了更深的了解,不妨來實際操作一番吧!這里是創新互聯網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
網站標題:解決ie下margin不居中的方法有哪些
網站網址:http://www.2m8n56k.cn/article4/iesoie.html
成都網站建設公司_創新互聯,為您提供網站營銷、品牌網站設計、ChatGPT、用戶體驗、網站設計、小程序開發
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:[email protected]。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯