如何将JSP框架居中啊????

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何将JSP框架居中啊????相关的知识,希望对你有一定的参考价值。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>鼓楼-清河坊</title>
</head>
<frameset cols="1120,320" name="m_wap" id="m_wap" frameborder="no" border="0" framespacing="0" style="width:1440px; height:900px; margin:0 auto;">
<frame src="part_four_1.html" name="mainFrame" id="mainFrame" title="mainFrame" />
<frame src="part_four_r1.html" name="rightFrame" scrolling="No" noresize="noresize" id="rightFrame" title="rightFrame" />
</frameset>
<noframes><body>
</body></noframes>
</html>

项目的整体显示的宽度是1440宽,高为900。这里设定了整体大框架的一个宽高以及大框架的一个整体的居中(用margin:0 auto来设定),以及左右两个框架的宽度(左1120,右320),这样就能实现整体框架的居中显示了。
另外,要实现点击左侧框架的链接改变右侧(左侧)框架的文件,链接写法如下:
<a href="#" target="mainFrame"></a>
其中,mainFrame为右侧(左侧)框架的id名.
参考技术A jsp哪有什么框架,你说的是你在别的东西嵌入jsp吧,直接修改jsp所依附的东西的样式就可以了。jsp中的样式和html完全一样 参考技术B 主要有两种方法:
1、假设你是用table布局的话直接在table中加上属性:align="center"即可。
2、如果用层布局的话,加上相应css代码:margin:0px auto;即可。如:
<div style="width:86%; margin:0px auto;">

</div>

JSP如何设置居中

<%@ page language="java" import="java.util.*" pageEncoding="GB2312"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
.bodypage

margin-left:auto;
margin-right: auto;


.div1
float:left;/*左置*/
width:200px;/*宽*/
height:100px;/*高*/
border:2px solid #000000;/*边框粗细 实心线 边框颜色*/
margin-top:20px;/*其顶部与包含此元素容器的距离为20像素*/

.div2
float:left;/*右置*/
width:200px;
height:100px;
border:2px solid #000000;
margin-top:20px;

</style>

</head>

<body>
<div class="bodypage">
<div class="div1">
</div>
<div class="div2">
</div>
</div>
</body>
</html>
为什么加了margin :auto 还是没有居中 ? 怎样居中?

步骤如下:

1、index.jsp代码

2、head.jsp代码

3、head.css代码

4、common.css代码

5、运行起来后,head.jsp在index.jsp中无法居中,只是左面对齐浏览器。解决方案: 在index.jsp中将头部的:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

修改为:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

拓展资料

(1)JSP全名为Java Server Pages,中文名叫java服务器页面,其根本是一个简化的Servlet设计,它是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术,它是在传统的网页HTML(标准通用标记语言的子集)文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag),从而形成JSP文件,后缀名为(*.jsp)。 用JSP开发的Web应用是跨平台的,既能在Linux下运行,也能在其他操作系统上运行。

(2)它实现了Html语法中的java扩展(以 <%, %>形式)。JSP与Servlet一样,是在服务器端执行的。通常返回给客户端的就是一个HTML文本,因此客户端只要有浏览器就能浏览。

(资料来源:百度百科:JSP)

参考技术A

jsp页面整体无法居中问题的解决方案如下:

1,index.jsp代码

2,head.jsp代码

3,head.css代码

4,common.css代码

5,运行起来后,head.jsp在index.jsp中无法居中,只是左面对齐浏览器。解决方案: 
在index.jsp中将头部的

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

修改为

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

补充拓展:

jsp中td等元素的显示居中

<style type="text/css">
.table th, .table td  
text-align: center;
vertical-align: middle!important;

</style>

写在<head> </head>标签内

参考技术B margin-left:auto; 不要随便用。

margin-left:auto 设置的容器都需要设置有 width的值,不然不生效的。

<center>和text-algin:center 都是用于设置文本内容显示的,如果设置的内容里遇到了 float的元素就会失效,所以不要用于做页面布局。

你的代码

<body>
<div class="bodypage">
<div class="div1">
</div>
<div class="div2">
</div>
</div>
</body>
如果你要bodypage 相对body在任何浏览器包括宽屏情况下居中的话,你就取消那个div,给body一个width,然后给body设置margin-left:auto;margin-right:auto;本回答被提问者采纳
参考技术C 把文字放在另一个div中,控制该div的margin-top
<div id="div" style="width:100px; height:100px; border:1px solid #000;">
<div style="margin-top:82px;text-align: center;">
居中
</div>
</div>
参考技术D 将body中内容放入center标签中,例如:
<body>
<center>
<div class="bodypage">
<div class="div1">
</div>
<div class="div2">
</div>
</center>
</body>

以上是关于如何将JSP框架居中啊????的主要内容,如果未能解决你的问题,请参考以下文章

CSS样式中怎么让层居中啊

jsp中怎么设置让一个表格在整个网页中居中

如何在框架中水平(向上/向下)居中 UILabel 文本?

当我的 UIScrollView 缩放图像时,如何使框架正确居中?

jsp中怎样让文字居中

各位HTML高手 请问position: absolute; 如何上下居中啊 谢谢了