＆lt; td＆gt;を中央に配置できないのはなぜですかIE7で？

StackOverflow https://stackoverflow.com/questions/1413466

  •  06-07-2019
  •  | 
  •  

質問

Firefoxでは、＆quot; C＆quot;最初のCSS宣伝文句により、中央に配置されます。 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>
役に立ちましたか？

解決

これは、 width：130px; があるために発生します。たとえば、次のようにして、スモールセルの幅のみを設定してください。

td.span {
  width:auto;
}

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

例を参照： http://jsbin.com/etoka
また、逆の方法で行うこともできます-小さなセル、行全体、または最適なクラスにクラスを与える：＆lt; table＆gt; の幅を設定します。

他のヒント

常にページの中央にオブジェクトを配置するためにこれを使用します この機能は、IE FF Safari Chrome Operaなどのすべての一般的なブラウザで動作します

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

問題が解決したら投票してください

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top