2011-02-08 5 views
0

中央揃えを使用するHTMLテーブルでは、テキストが中央より少し左に揃えられます。どのように状況を改善することができますか?表のセルのテキストが中央の少し左に揃えられます

td { border:1px solid #000; text-align:center; white-space: nowrap; }  

これは結果である。このようなものについて

+2

どのブラウザでテストしましたか? –

+0

Firefox 3。ただし、IE6でサポートする必要があります(厳しい要件)。 – ppecher

+2

セルの内容はどのように見えますか?番号の後に改行がありますか?非破壊空間? –

答えて

1

何?

http://jsfiddle.net/loktar/b7WK8/2/

ちょうどあなたの好みに合わせてパディングを変更します。クロムで動作し、FF 3.6、私はここでIE6とテストするために私のPCを持っていない。

+0

ありがとう:これは問題を解決しました。 – ppecher

0

それが答えとしてリストされていますちょうどそう...いくつかのものはtroubeshootingに考慮すべき:テーブルが正しく整列しているとき

  1. 多くの場合、その背後に空白があります。 </td>タグは、そのようなセンタリングの精度を正確にするために、空白のない最後の要素の直後に指定する必要があります。
  2. 文字列として抽出されるデータ要素には、先頭または末尾の空白(スペース、タブなど)が含まれることがあります。これらは、表示される前に切り取られて、必要なコンテンツがすべて得られることを確認する必要があります。
  3. スペーシングやスタイリングの問題をチェックするには、Google Chromeの「要素の検査」が適しています。それはレンダリングされている正確なコードと要素にすぐに適用されるスタイルを表示します。これは特に、JavaScriptで生成された要素(あなたのコメントの1つが示唆しているように)、AJAX、またはブラウザ内で変化する性質を持つ同様の要素を扱う場合に便利です。