在HTML页面中设置表格水平和垂直方向都居中的方法【原创】。

王朝html/css/js·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

如果你想要你的网页内容无论在什么分辨率和任意浏览器窗口大小的情况下都处于浏览器中间的话,你可以把你的网页内容全部放在一个表格之中,然后把这个表格设置为垂直和水平方向上都居中。具体方法如下:

(1)先在在页面最外层加一个表格(一行一列),将其高度设置为100%,宽度设置为100%或者是合适的象素值,并将表格设为居中对齐(水平方向上的)。

(2)在刚才的表格中再添加一个表格(就是你想要在水平和垂直方向上都居中的那个表格),将表格设置为居中对齐(水平方向上的),垂直对齐方向不用设置(因为默认的垂直居中方式就是居中)。

示例代码如下:

<!-- Test.htm -->

<html>

<head>

<title>表格水平和垂直方向都居中示例。</</title>

<meta http-equiv=content-type content="text/html; charset=gb2312" >

</head>

<body>

<!-- 外部表格开始 -->

<table width="760" height="100%" align="center">

<tr>

<td>

<div align="center">

<!-- 内部表格开始 -->

<table width="200" height="300">

<tr>

<td></td>

</tr>

</table>

<!-- 内部部表格结束 -->

</div>

</td>

</tr>

</table>

<!-- 外部表格结束 -->

</body>

</html>

效果演示:http://lihong.luojia.net/Ardor/index2.htm

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航