怎样使网页里显示的内容自动居中？

<center>
我要在一个网页正中间显示一段文字，要求不管浏览器出口多大，上下左右都居中，怎么实现？我要在一个网页正中间显示一段文字，要求不管浏览器出口多大，上下左右都居中，怎么实现？
</center>

解决方案 »

  1.   

    页面垂直居中的两种方法方法一：采用表格[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>
      

  2.   

    <table border="0" width="100%" cellspacing="0" cellpadding="0" height="100%">
        <tr>
          <td width="100%" align="center">我要在一个网页正中间显示一段文字，要求不管浏览器出口多大，上下左右都居中，怎么实现？</td>
        </tr>
      </table>
      

  3.   

    <table border="0" width="100%" cellspacing="0" cellpadding="0" height="100%">
        <tr>
          <td width="100%" align="center">上下左右都居中</td>
        </tr>
      </table>
      

  4.   

    设置leftmargin； topmargin；  marginwidth；marginheight的属性
    调到你满意的位置
      

  5.   

    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head><body bgcolor="#FFFFFF" text="#000000">
    <table width="100%" border="0" height="100%">
      <tr>
        <td align="center" valign="middle">
          <p>fdfdsfdsfds</p>
          <p>fksdf;</p>
          <p>dfkds</p>
          <p>&nbsp;</p>
        </td>
      </tr>
    </table>
    </body>
    </html>