html - "text-align: start"样式表头的 webkit 浏览器中可能存在的错误

Question

如果我在 HTML TABLE 中的 TH 元素上使用 text-align:start;，我希望内容对齐左(在 LTR 语言上下文中)。相反，它保留在中心:

<table style="width:100%;">
    <tr>
        <td>Default TD</td>
    </tr>
    <tr>
        <td style="text-align:start;">Start TD</td>
    </tr>
    <tr>
        <td style="text-align:end;">End TD</td>
    </tr>
    <tr>
        <th>Default TH</th>
    </tr>
    <tr>
        <th style="text-align:start;">Start TH</th>
    </tr>
    <tr>
        <th style="text-align:end;">End TH</th>
    </tr>
</table>

JSFiddle Link

它应该是这样的......

...但是看起来像这样...

请注意，TD 元素的行为符合预期。

我在 Chrome 32.0.1700.107 和 Safari 7.0.1 中遇到了这种行为，所以我假设这是一个 webkit 错误，但我想检查一下我的假设。

Answer 1

text-align:start和 text-align:left会做同样的事情。

实际上，<td style="text-align:start;">Start TD</td>也不起作用。

如果你不想使用'left'属性那么试试这个

<th style="direction: rtl;text-align:end;">Start TH</th> .

显示默认启动为<th>位于行的中心。您可以通过尝试替代品来检查它。

http://jsfiddle.net/bf6ZU/

如果我错了，请纠正我。