Question

我有一个asp页面，我试图在中心对齐。以下是具体行，

<td style="height: 50px; background-color: #ffffe0; text-align: center; ">

此代码在IE中运行正常，但在FF和chrome中，文本在左侧对齐。如果我改变了与

相同的代码

<td style="height: 50px; background-color: #ffffe0; text-align: -moz-center; ">

然后对齐仅在FF中起作用。 IE和Chrome失败:(。谁能告诉我如何解决这个问题？

更新：

整个表结构如下所示，

<table style="width: 900px; height: 500px; background-color: gray;">

   <tbody>
       <tr>

      <td style="height: 70px; vertical-align: middle; background-color: #fffff0; text-align: center !important; width: 160px;">

        <div id="abc" style="height:40px;width:80px;text-align: center !important ;left: 0px; position: relative; top: 0px" onscroll="JavaScript:document.getElementById(somejavascrpt)'">

                <input id="button" type="image" style="height:40px;width:60px;border-width:0px;z-index: 104; left: 4px; text-align: center !important position: absolute; top: 2px" src="../images/help.png" name="help">
        </div>
      </td>

Answer 1

同时使用text-align: center;和text-align: -moz-center;

<td style="height: 50px; background-color: #ffffe0; 
    text-align: -moz-center;text-align: center; ">

编辑1

您也可以尝试

  <td style="height: 50px; background-color: #ffffe0;text-align: center!important;">

编辑2

您可以使用火警错误，查看td上适用的规则一些链接如何使用萤火虫
http://www.studiopress.com/tips/using-firebug.htm
http://net.tutsplus.com/tutorials/other/10-reasons-why-you-should-be-using-firebug/

Answer 2

如果它对您不起作用，那么在其他地方还有一些其他规则可以覆盖您的风格。 Text-align完全适用于所有浏览器。

我建议两件事：

停止使用内联样式。样式在html中没有位置，应该在单独的文件中定义。
在浏览器中使用webdeveloper工具，找出适用于您的道明的规则，并确保您只定义了一条规则

Answer 3

可能有不同的方法来做到这一点。其中一种方法是使用左边距。除非你的职位是相对的，否则你可以使用它。例如 -

style="margin:0 0 0 100px"

Answer 4

尝试使用html属性。

<td align="center" style="height: 50px; background-color: #ffffe0;">

text-align在FF和chrome中不起作用

4 个答案:

编辑1

编辑2