是否可以将一个表标题与另一侧对齐,而将其跨距与另一侧对齐?

您可以尝试使用浮动:

<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和火狐对标题的渲染略有不同,因此可能需要对其进行调整。两者都在右侧浮动跨度,但IE7有一个换行符。

由于您似乎没有定义宽度,您可以尝试在跨度上加一点填充:

caption span {
margin-left: 5em;
}