jsp页面整体无法居中问题的解决方案
生活随笔
收集整理的這篇文章主要介紹了
jsp页面整体无法居中问题的解决方案
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
index.jsp代碼如下：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head> <title>首頁面</title><link rel="stylesheet" href="/xiaoneiwang/css/common.css" type="text/css"/><link rel="stylesheet" href="/xiaoneiwang/css/index.css" type="text/css"/></head><body><!-- 引入多頁面 --><jsp:include page="head.jsp"/></body> </html>head.jsp代碼如下：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><link rel="stylesheet" href="/xiaoneiwang/css/head.css" type="text/css" /><script type="text/javascript"><!-- function changeBG(o){o.style.backgroundColor="#5C75AA";}function changeBG2(o){o.style.backgroundColor="";}--></script></head><body><div class="head1"><img class="img1" src="/xiaoneiwang/images/front/top1.gif" /><img class="img2" src="/xiaoneiwang/images/front/top2.jpg" /><img src="/xiaoneiwang/images/front/xnw3.jpg" style="float: left;"/><ul class="navi1"><li onmouseover="changeBG(this)" onmouseout="changeBG2(this)"><a class="anavi" href="/xiaoneinew/register.do?flag=regUI">注冊</a></li><li onmouseover="changeBG(this)" onmouseout="changeBG2(this)"><a class="anavi" href="#">設為首頁</a></li><li onmouseover="changeBG(this)" onmouseout="changeBG2(this)"><a class="anavi" href="#">加入收藏</a></li><li onmouseover="changeBG(this)" onmouseout="changeBG2(this)"><a class="anavi" href="#">幫助</a></li></ul></div></body> </html>head.css代碼如下：
.head1{height:101px;width:1005px;background-color: #3B5888;margin:0 auto;/*該句為了使居中*/ }.head1 .img1{width: 713px;float: left; } .head1 .img2{width: 280px;float: left;margin-left: 6px; }.navi1{float:right; } .navi1 li{float:left;color:#C3CDDF;height: 33px;width: 55px;line-height: 33px;text-align: center; }common.css代碼如下：
body{font-size: 12px;margin: 0; }運行起來后，head.jsp在index.jsp中無法居中，只是左面對齊瀏覽器。解決方案：
在index.jsp中將頭部的
修改為
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">即可完美解決。
轉載于:https://www.cnblogs.com/conter/p/6857813.html
總結
以上是生活随笔為你收集整理的jsp页面整体无法居中问题的解决方案的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Unix中的I/O模型和Java NIO
- 下一篇： iOS-运行时机制