如何将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)
参考技术Ajsp页面整体无法居中问题的解决方案如下:
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框架居中啊????的主要内容,如果未能解决你的问题,请参考以下文章