页面垂直居中的两种方法
来源:互联网 发布:mac版qq最下面的图标 编辑:程序博客网 时间:2024/05/02 04:54
方法一:采用表格[IE]
<HTML>
<HEAD>
<BODY>
<TABLE WIDTH="100%" HEIGHT="100%">
<TR>
<TD ALIGN="center" VALIGN="middle">
要居中的内容!
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
方法二:采用frameset[NN4+,IE4+]
<HTML>
<HEAD>
<STYLE>
</STYLE>
<SCRIPT>
var url = '你的页面.htm';
function centerFrame (url, width, height) {
if (top == window) {
var w = window.innerWidth ? window.innerWidth :
document.body.clientWidth;
var h = window.innerHeight ? window.innerHeight :
document.body.clientHeight;
var w0 = Math.floor((w - width) / 2);
var h0 = Math.floor((h - height) / 2);
var html = '';
html += '<FRAMESET border=0 ROWS="' + h0 + ', ' + height + ', ' + h0 +
'">';
html += '<FRAME SRC="about:blank">';
html += '<FRAMESET COLS="' + w0 + ', ' + width + ', ' + w0 + '">';
html += '<FRAME SRC="about:blank">';
html += '<FRAME NAME="main" SRC="' + url + '" SCROLLING="auto">';
html += '<FRAME SRC="about:blank">';
html += '<//FRAMESET>';
html += '<FRAME SRC="about:blank">';
html += '<//FRAMESET>';
document.open();
document.write(html);
document.close();
}
}
</SCRIPT>
</HEAD>
<BODY ONLOAD="centerFrame(url, 400, 400);">
<!-- 400,400是你页面内容的尺寸 -->
欢迎浏览!
</BODY>
</HTML>
[align=left][size=1][color=#cccccc][Edit on 2004-9-15 11:56:34 By Jimbor][/color][/size][/align]
<HTML>
<HEAD>
<BODY>
<TABLE WIDTH="100%" HEIGHT="100%">
<TR>
<TD ALIGN="center" VALIGN="middle">
要居中的内容!
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
方法二:采用frameset[NN4+,IE4+]
<HTML>
<HEAD>
<STYLE>
</STYLE>
<SCRIPT>
var url = '你的页面.htm';
function centerFrame (url, width, height) {
if (top == window) {
var w = window.innerWidth ? window.innerWidth :
document.body.clientWidth;
var h = window.innerHeight ? window.innerHeight :
document.body.clientHeight;
var w0 = Math.floor((w - width) / 2);
var h0 = Math.floor((h - height) / 2);
var html = '';
html += '<FRAMESET border=0 ROWS="' + h0 + ', ' + height + ', ' + h0 +
'">';
html += '<FRAME SRC="about:blank">';
html += '<FRAMESET COLS="' + w0 + ', ' + width + ', ' + w0 + '">';
html += '<FRAME SRC="about:blank">';
html += '<FRAME NAME="main" SRC="' + url + '" SCROLLING="auto">';
html += '<FRAME SRC="about:blank">';
html += '<//FRAMESET>';
html += '<FRAME SRC="about:blank">';
html += '<//FRAMESET>';
document.open();
document.write(html);
document.close();
}
}
</SCRIPT>
</HEAD>
<BODY ONLOAD="centerFrame(url, 400, 400);">
<!-- 400,400是你页面内容的尺寸 -->
欢迎浏览!
</BODY>
</HTML>
[align=left][size=1][color=#cccccc][Edit on 2004-9-15 11:56:34 By Jimbor][/color][/size][/align]
- 页面垂直居中的两种方法
- 页面垂直居中的两种方法
- 垂直居中的两种实现方法
- 让DIV层水平垂直居中页面的两种方法
- 实现CSS垂直居中的两种方法
- 两种方法实现CSS垂直居中
- 两种方法实现CSS垂直居中
- 两种方法实现CSS垂直居中
- 设置页面元素垂直居中的几种方法
- 设置页面元素垂直居中的几种方法
- div页面垂直居中方法
- div页面垂直居中方法
- 垂直居中的方法
- 垂直居中的方法
- 垂直居中的方法
- 垂直居中的方法
- 弹出框页面居中显示的两种方法
- 利用CSS让元素垂直居中的两种实现方法
- msSQL注入通杀,只要有注入点就有系统权限
- 数据库暴库整理篇
- 实习心得
- 谈人脉的重要性
- 昨天是元宵节
- 页面垂直居中的两种方法
- 各种媒体在线播放代码
- 让你的N-GAGE能用Word,Excel及PowerPoint
- 有关商业网站的建立和运作(转)
- 传说中添加超级用户的asp代码分析
- META标签的奥妙[转载]
- C#第一步
- IE最新的欺骗代码
- WAP网关服务器应用形式初探(ZZ)