2012-02-10 95 views
3

我正在嘗試將td中的某些內容向右對齊。對齊=「正確」的作品,但文本對齊:權利沒有。這裏有一個jsfiddle的例子,顯示了兩種情況。除了右對齊右列外,兩種情況是相同的。正如你所看到的,在第二種情況下,「按鈕1" 對齊時,我希望它對齊到右左爲什麼align =「right」有效,但不是text-align:正確的td?

增加:

我使用第三方控件,其添加表格所以沒有「你應該使用css而不是桌子討論」

回答

5

text-align對齊文本,它不會影響塊級別的元素,如嵌套表格align="right",另一方面, (類似於<center>

無論如何,嵌套表通常是一個可怕的想法,所以應該避免。如果您必須使用嵌套表格,請將margin-left: auto;應用於嵌套表格,以使其與右側對齊。

+0

我增加了margin-left:auto並且它沒有工作。 http://jsfiddle.net/F9VBu/1/ – 2012-02-10 20:27:18

+0

放置在錯誤的地方。現在工作。 http://jsfiddle.net/F9VBu/3/ – 2012-02-10 20:44:09

1

你會發現在你的小提琴文本是對齊

您正試圖對齊表格,這就是爲什麼align="right"有效。

注意: 你也不應該使用表格來格式化表格數據以外的任何東西是過時的做法。一般來說,您應該使用<div>和CSS來佈置頁面。

0
<td style="border: 1px solid red;" align="right"> 
    <table style="width: 60px;background-color: #ffccff"> 

它在TD實體內對齊表格。

<td style="border: 1px solid red;text-align:right"> 

它保持表格左對齊,但正確對齊該表格中的文本。

相關問題