表格单元格文本稍微与中心左侧对齐

问题描述:

在使用中心对齐方式的HTML表格中,文本略微与中心左侧对齐。我该如何纠正这种情况?表格单元格文本稍微与中心左侧对齐

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

这是结果:

+2

您测试过哪些浏览器? – 2011-02-08 16:16:57

+0

Firefox 3.但是,它需要(硬性要求)由IE6支持。 – ppecher 2011-02-08 16:18:18

什么这样的事情?

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

只需修改填充,以自己的喜好。在铬和FF 3.6,我没有我的电脑与IE6在这里测试,但是。

正是如此它列为一个答案......有些事情要在troubeshooting考虑:

  1. 通常,当表没有正确对齐,它背后的空白。您的</td>标记必须紧接在最后一个元素之后,并且在这种对中时不会有精确的精度空格。
  2. 有时,作为字符串提取的数据元素将包含前导或尾随空白(空格,制表符等)。这些需要在显示之前进行修剪,以确保您所需的内容都是您所能得到的。
  3. 检查间距和样式问题的一个好方法是Google Chrome的“检测元素”功能。它将显示正在渲染的确切代码以及立即应用于元素的样式。这在处理JavaScript生成的元素(如您的评论中的一条建议您拥有),AJAX或浏览器中具有移位特性的类似元素时非常方便。