對齊內容與CSS

Question

我在我的HTML表是類似下面

<table> 
    <tr> 
    <td><img src='corner1.png' /></td> 
    <td>First Name <a href='#'>edit</a></td> 
    <td><img src='corner2.png' /></td> 
    </tr> 
</table> 

我想edit鏈接是正確對齊的單元格中定義。但我想讓「名字」左對齊。目前，所有內容都是左對齊的。我怎樣才能使鏈接右對齊？

Answer 1

設置<a>元件上的浮動：

table tr td a { 
    float: right 
} 

這將推動<a>到單元格的右邊。選擇器有點太具體 - 至少它可能是table a。

Answer 2

你可以試試下面的CSS：

td a { 
    float: right; 
} 

Answer 3

<td><a href='#' class="floatRight">edit</a> First Name</td>

在CSS文件條目.floatRight {float:right;}

名前移到edit其他一些瀏覽器將顯示它在新的生產線，而不是在 - 與名字一致。