Question

在Firefox中，由于开头的CSS模糊，“C”居中。 IE7为什么要左对齐呢？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head>
    <style type="text/css">
td {
  text-align: center;
  width: 130px;
}
    </style>
  </head>

  <body>
    <div style="width: 300px; background-color: #888">
      <table>
        <tbody>
          <tr>
            <td>A</td>
            <td>B</td>
          </tr>
          <tr>
            <td colspan="2">C</td>
          </tr>
        </tbody>
      </table>
    </div>
  </body>
</html>

Answer 1

这是因为你有width: 130px;。尝试仅为小单元格设置宽度，例如：

td.span {
  width:auto;
}

<td colspan="2" class="span">C</td>

参见示例：http://jsbin.com/etoka
你也可以反过来做 - 给小单元格，整行或最好的类：设置<table>的宽度。

Answer 2

始终使用此功能将对象置于页面的中心位置此功能适用于所有流行的浏览器，如IE FF Safari Chrome Opera

<center> This is my centered text</center>

如果您的问题得到解决，请给我投票

为什么我不能在IE7中居中？

2 个答案: