在左侧对齐表格不适用于 CSS，但适用于 HTML答案

【问题标题】：aligning a table on left doesn't work by CSS, but works by HTML在左侧对齐表格不适用于 CSS，但适用于 HTML
【发布时间】：2012-09-22 20:14:42
【问题描述】：

当我想将表格的内联样式更改为 CSS 中定义的样式时，我遇到了一个奇怪的问题。我的目标是将此表格与页面左侧对齐。

正确地向左对齐： HTML：

<table class="box-table" style="margin-left: 0px">
<tr>
     <td>table content</td>
</tr>
</table>

CSS：

table.box-table
{
    width: auto;
    text-align: left;
}

不左对齐（对齐到页面的中心） HTML：

<table class="box-table">
<tr>
     <td>table content</td>
</tr>
</table>

CSS：

table.box-table
{
    width: auto;
    text-align: left;
    margin-left: 0px;
}

我所做的唯一更改是将 margin-left 属性从 HTML- 移动到 CSS 代码。知道为什么会发生这种情况吗？

【问题讨论】：

可能有更具体的规则在手边的桌子上放置一个“自动”边距。您是否尝试过使用开发人员工具栏检查表格？（Firebug、IE Dev 工具栏等）它可能会告诉你表格的左边距是什么，以及它来自哪里。
正如 Jeroen 所说，这里肯定还有其他一些规则在起作用。你上面的代码不应该显示不同的结果——你可以在这里看到：jsfiddle.net/henrikandersson/BDRKZ
@Jeroen，感谢您的帮助。通过这个技巧，我发现这个类在我的 CSS 中被声明了 2 次，这与 margin-left 属性的值有冲突。我通过使用 IE 开发人员工具找到了它。根本没用检查器工具看这个问题...
@Henrik，也感谢您的反馈。问题解决了。

标签： html css

【解决方案1】：

问题是这个类在我的 CSS 中被声明了 2 次，关于 margin-left -property 的值有冲突。

【讨论】：