新手简单有关问题 jsp 页面里的 div无法居中
日期：2014-05-17 浏览次数：20994 次
新手简单问题 jsp 页面里的 div无法居中
<%@page %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN "
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html>
<div style= "width:500px; height:100px; margin:5px auto; border:1px solid ">
</div>
</html>
简述:
上面的代码在IE里运行后, div达不到 居中的效果.(在FireFox中正常)
但是去掉 <%@page%> 那一行后就能居中,
我目的是为了写.jsp 总不能为了居中把 <%@page%> 指令给去掉,可是不居中又不好看,
用了各种办法都没有,看来以后不用IE了,只用FF 这个更不现实.
请高手指点指点...感激...
不会搞的进来顶一下,同样感谢
------解决方案--------------------
给body设置样式 text-algin:center;然后把div中的margin去掉。
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN "
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html>
<div style= "width:100px;height:200px;margin:0 auto;border:1px solid;">
</div>
</html>
------解决方案--------------------
楼主把不必要的空格去掉
------解决方案--------------------
body {text-align: center;} 确实能解决问题，但会有后遗症，就是文字都居中了。
我用IE9，测试你的程序可以正确居中。
可以参考这里：
http://developer.51cto.com/art/201009/225329.htm
------解决方案--------------------
当然确定。。。
因为实际上jsp页面执行的时候，<%@page %>就会被中间件（Tomcat）解析处理掉。
那么加<%@page %>的问题是：HTML内容的第一行会变成空行。
莫非你直接把带着<%@page %>的源码交给IE来处理了？
------解决方案--------------------
你这样做。<center></center>在body的外面。把body的内容全部放到这里面。
------解决方案--------------------
------解决方案--------------------
真的不明白，如果是xx.JSP文件，<%@page %>这个东西不可能在客户浏览器上出显得，你是不是写xx.html了？如果是<%@page %>这个东西有什么意义了？
------解决方案--------------------
在body里加个<center>标签就行了
------解决方案--------------------
body里面，加align="center"
<%@page %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN "
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html>
<div style= "width:500px; height:100px; margin:5px auto; border:1px solid ">
</div>
</html>
简述:
上面的代码在IE里运行后, div达不到 居中的效果.(在FireFox中正常)
但是去掉 <%@page%> 那一行后就能居中,
我目的是为了写.jsp 总不能为了居中把 <%@page%> 指令给去掉,可是不居中又不好看,
用了各种办法都没有,看来以后不用IE了,只用FF 这个更不现实.
请高手指点指点...感激...
不会搞的进来顶一下,同样感谢
------解决方案--------------------
给body设置样式 text-algin:center;然后把div中的margin去掉。
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN "
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html>
<div style= "width:100px;height:200px;margin:0 auto;border:1px solid;">
</div>
</html>
------解决方案--------------------
楼主把不必要的空格去掉
------解决方案--------------------
body {text-align: center;} 确实能解决问题，但会有后遗症，就是文字都居中了。
我用IE9，测试你的程序可以正确居中。
可以参考这里：
http://developer.51cto.com/art/201009/225329.htm
------解决方案--------------------
当然确定。。。
因为实际上jsp页面执行的时候，<%@page %>就会被中间件（Tomcat）解析处理掉。
那么加<%@page %>的问题是：HTML内容的第一行会变成空行。
莫非你直接把带着<%@page %>的源码交给IE来处理了？
------解决方案--------------------
你这样做。<center></center>在body的外面。把body的内容全部放到这里面。
------解决方案--------------------
------解决方案--------------------
真的不明白，如果是xx.JSP文件，<%@page %>这个东西不可能在客户浏览器上出显得，你是不是写xx.html了？如果是<%@page %>这个东西有什么意义了？
------解决方案--------------------
在body里加个<center>标签就行了
------解决方案--------------------
body里面，加align="center"
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
