简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > html教程 > 正文

html中使用margin:0 auto整个页面不居中的解决方法示例

高洛峰
发布： 2017-03-06 16:09:20
原创
2606 人浏览过

今天写个jsp页面，乍么调来调去

123xxx
这个属怎么弄都不能让页面居中展示，而且其它样式也出现莫名其妙的问题 

后来找这个这个问题的解决方案： 

原来是L-Blog默认没有在HTML前加上DTD,于是IE就以HTML而不是XHTML来解释文档. 
问题并不在CSS而在XHTML网页本身. 
需要加上这样的代码才能使得上述设置有效果: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
登录后复制
登录后复制

如果您希望更为严格的XHTML 1.0 Strict或者XHTML 1.1请查阅相关文档. 
以上测试均基于Windows XP SP2版IE6和FireFox 1.0最终版. 

建议如果页面中需要使用css样式，不要把这行删除： 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
登录后复制
登录后复制

更多html中使用margin:0 auto整个页面不居中的解决方法示例相关文章请关注PHP中文网！

相关标签：
HTML 页面居中
来源：php.cn
上一篇：input文本框随其中内容而变化长度的方法介绍 下一篇：html实现文字绕排示例(html图文混排)示例分析
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
页面突然无法拉动 css 或 bootstrap 所以我正在开发一个页面，我昨天做了一部分，效果很好，今天我继续做剩下的部分，一切都很好。当我尝试将其作为普通html页面打开时，CSS或BOOTSTRAP不起作用，仅显示页面文本，...
来自于 2024-04-06 21:58:04
0
1
800
解决CSS中页面底部神秘空白的方法 我正在尝试使用Bootstrap和D3构建一个简单的网页，但我不知道如何消除底部的所有空白。我想摆脱它。我尝试将body和html的min-height设置为100%，但没有任何作...
来自于 2024-04-06 20:22:15
0
1
454
即使清除后，我的文件输入的值仍然保留 正如您在屏幕截图中看到的那样。我选择一个文件，保留弹出窗口而不刷新页面，然后再次打开它，文件输入仍然是我选择的文件。<inputid="fileuploadbann...
来自于 2024-04-06 15:44:52
0
1
384
如何让我的图像显示在页面的主显示屏上？ 我想做的是使用NASAAPI接收一些照片。然后在我的网页的缩略图和主显示屏上显示这些照片。我只是弄清楚为什么代码不从缩略图中获取图像并将其显示在页面上。我还使用HTML5及以上版本...
来自于 2024-04-06 15:33:12
0
1
433
使用 window.open() 和 data 打开计算文档：scheme 我有一个在浏览器中运行的网页，该网页生成一个计算的HTML文档，我想在新的浏览器选项卡中打开该文档。简单而肮脏的方法是这样做：constw=window.open('','_bla...
来自于 2024-04-06 15:06:34
0
1
378
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！