是否可以將表格標題對齊到一邊，並跨越另一邊？

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有一個換行符。