黑马程序员技术交流社区

标题: 关于table在fieldset中居中的问题 [打印本页]
作者: mdb    时间: 2014-3-26 17:28
标题: 关于table在fieldset中居中的问题
本帖最后由 mdb 于 2014-3-26 19:01 编辑

在fieldset标签里放个table表格，怎么让table在fieldset标签里居中呢，设置了fieldset的style属性为text-align: center，在VS编辑器里看是居中了但是在浏览器里打开看到的table表格是靠左的不是居中的，要怎么设置才能让table居中呢？
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <title>无标题页</title>
  5. </head>
  6. <body>
  7.     <form action="login.aspx ">
  8.     <div style="float: left; background: #99FFFF; width: 785px; height: 300px; border-top-style: groove;">
  9.         <fieldset style="text-align: center">
  10.             <legend>登陆信息</legend>
  11.             <table>
  12.                 <tr>
  13.                     <td align="right">
  14.                         <label for="yym">
  15.                             用户名：</label>
  16.                     </td>
  17.                     <td align="left">
  18.                         <input type="text" id="yym" />
  19.                     </td>
  20.                 </tr>
  21.                 <tr>
  22.                     <td align="right">
  23.                         <label for="mm">
  24.                             密码：</label>
  25.                     </td>
  26.                     <td align="left">
  27.                         <input type="password" id="mm" />
  28.                     </td>
  29.                 </tr>
  30.                 <tr>
  31.                     <td colspan="2">
  32.                         <input type="reset" value="清空编辑框" />&nbsp;&nbsp;&nbsp;&nbsp;
  33.                         <input type="button" value="确     定" onclick="alert('OK')" />
  34.                     </td>
  35.                 </tr>
  36.             </table>
  37.         </fieldset>
  38.     </div>
  39.     </form>
  40. </body>
  41. </html>
复制代码
作者: 墨蹄    时间: 2014-3-26 18:48
style="margin:0 auto;text-align: center" 两个属性都使用下试试
作者: 墨蹄    时间: 2014-3-26 18:53
经测试，可以居中:)
作者: mdb    时间: 2014-3-26 18:55
墨蹄 发表于 2014-3-26 18:48
style="margin:0 auto;text-align: center" 两个属性都使用下试试

还是不行
作者: mdb    时间: 2014-3-26 18:58
墨蹄 发表于 2014-3-26 18:53
经测试，可以居中

确实可以，刚才放错了位置，谢谢了
作者: 南天鹤    时间: 2014-3-26 19:04
<table align="center">



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2