是否可以将表格标题对齐到一侧并且它跨越另一侧？

Question

例如：

<caption>My Table <span>My Table Span</span> </caption>

我想将标题对齐到左侧，它的跨度是右侧：

caption { text-align:left; }
caption span { text-align:right; }

那不行。是否有可能做我想做的事情？

Answer 1

您可以尝试使用浮点数：

<table>
    <caption>My Table <span>My Table Span</span> </caption>
    <tr>
        <td>
            Cell 1
        </td>
    </tr>
</table>

CSS：

caption span { float:right; }

请记住，这可能会对渲染页面中的元素造成严重破坏。您可能需要将clear:both应用于html中的下一个元素。

以下是一个基本示例：http://jsfiddle.net/3PVnb/2/

你会注意到，由于某种原因，IE和Firefox的标题略有不同，所以这可能需要调整。两者都在右侧浮动跨度，但IE7有换行符。

Answer 2

由于您似乎没有定义宽度，您可能只是在跨度上尝试一点填充：

caption span {
margin-left: 5em;
}