1

我有一个 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>
4

4 回答 4

4

同时使用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
您可以使用 fire bug 并查看在您的Some 链接如何使用 firebug
http://www.studiopress.com/tips/using-firebug.htm http://net.tutsplus.com/tutorials/other/上应用了什么规则
你应该使用firebug的10个理由/

于 2013-04-03T10:53:10.217 回答
1

如果它对您不起作用，那么您在其他地方还有一些其他规则覆盖了您的风格。Text-align对所有浏览器都非常友好。

我建议两件事：

  • 停止使用内联样式。样式在您的 html 中没有位置，它应该在单独的文件中定义。

  • 在您的浏览器中使用 webdeveloper 工具找出哪些规则适用于您的 TD，并确保您只定义了一个规则

于 2013-04-03T10:58:11.873 回答
0

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

style="margin:0 0 0 100px"
于 2013-04-03T10:53:42.013 回答
0

尝试使用 html 属性。

<td align="center" style="height: 50px; background-color: #ffffe0;">
于 2013-04-03T10:57:51.833 回答