关于DOCTYPE 引发的样式问题_html/css_WEB-ITnose

今天改了一个bootstrap的页面,加入了如下代码,

   

然后页面就有问题了,对齐不了,如图所示





去掉之后,改成如下
   

即可对齐了,请问这个是啥情况?


回复讨论(解决方案)

show your whole code

这两个文档声明使得浏览器使用了两个不同的方式来解析文档,长的那个是使用xhtml的标准,短的那个使用html5的标准

还是贴一下全部代码吧。
楼上说的那个应该不对 你写的这个是HTML5声明的完整写法 是HTML5声明的简略写法
参照http://www.divcss5.com/html5/h701.shtml

还是贴一下全部代码吧。
楼上说的那个应该不对 你写的这个是HTML5声明的完整写法 是HTML5声明的简略写法
参照http://www.divcss5.com/html5/h701.shtml



${pd.SYSNAME}<meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><link rel="stylesheet" href="static/login/bootstrap.min.css" /><link rel="stylesheet" href="static/login/css/camera.css" /><link rel="stylesheet" href="static/login/bootstrap-responsive.min.css" /><link rel="stylesheet" href="static/login/matrix-login.css" /><link href="static/login/font-awesome.css" rel="stylesheet" /><script type="text/javascript" src="static/js/jquery-1.9.1.min.js"></script><body>	

Logo

记住密码
点击更换
取消%20登录
Copyright%20©%20FH 2100
<script type="text/javascript"> </script> <script> //TOCMAT重启之后 点击左侧列表跳转登录首页 if (window != top) { top.location.href = location.href; } </script> <script src="static/js/bootstrap.min.js"></script> <script src="static/js/jquery-1.7.2.js"></script> <script src="static/login/js/jquery.easing.1.3.js"></script> <script src="static/login/js/jquery.mobile.customized.min.js"></script> <script src="static/login/js/camera.min.js"></script> <script src="static/login/js/templatemo_script.js"></script> <script type="text/javascript" src="static/js/jquery.tips.js"></script> <script type="text/javascript" src="static/js/jquery.cookie.js"></script> <script type="text/javascript" src="resource/js/login.js"></script>

完整代码奉上

还是贴一下全部代码吧。
楼上说的那个应该不对 你写的这个是HTML5声明的完整写法 是HTML5声明的简略写法
参照http://www.divcss5.com/html5/h701.shtml


html5的完整声明写法?html5我貌似只记得有一种写法吧,而且html5的声明会用到xhtml的dtd?

还是贴一下全部代码吧。
楼上说的那个应该不对 你写的这个是HTML5声明的完整写法 是HTML5声明的简略写法
参照http://www.divcss5.com/html5/h701.shtml


html5的完整声明写法?html5我貌似只记得有一种写法吧,而且html5的声明会用到xhtml的dtd?


你看下我贴的链接 也许是我理解错了。

郑重声明:本文版权包含图片归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们(delete@yzlfxy.com)修改或删除,多谢。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

标签:

相关文章阅读

支持onload事件的HTML标签有哪些支持onload事件的HTML标签有哪些
html制作图文混排效果html制作图文混排效果
制作一个html页面返回顶部的悬浮按钮制作一个html页面返回顶部的悬浮按钮
HTML中type是什么意思HTML中type是什么意思
留言与评论(共有 0 条评论)
昵称:
匿名发表
   
验证码: