< td>を中央に配置できないのはなぜですかIE7で?
-
06-07-2019 - |
質問
Firefoxでは、" C"最初の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>
問題が解決したら投票してください
所属していません StackOverflow