为什么对齐="对"有效但不是文本对齐:对于td是正确的吗?

时间:2012-02-10 18:38:30

标签: html css

我正在尝试将td中的某些内容与右侧对齐。 align =“right”有效,但是text-align:right没有。这是一个显示两种情况的jsfiddle示例。除右对齐右列外,两种情况相同。如您所见,在第二种情况下,当我希望它与右侧对齐时,“按钮1”与左侧对齐。

增加:

我正在使用添加表格的第三方控件。所以没有“你应该使用CSS而不是表格讨论”。

3 个答案:

答案 0 :(得分:5)

text-align调整文字。它不会影响嵌套表之类的块级元素。另一方面,align="right"以蛮力方式对齐所有内容(类似于<center>)。

嵌套表通常是一个可怕的想法,所以应该避免。如果必须使用嵌套表,请将margin-left: auto;应用于嵌套表,使其与右侧对齐。

答案 1 :(得分:1)

你会注意到 TEXT IS右对齐

您正在尝试对齐表格,这就是align="right"有效的原因。

注意: 您也不应该使用表格来格式化除表格数据之外的任何内容,这是一种过时的做法。您应该使用<div>和CSS来布局页面。

答案 2 :(得分: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">

保持表格左侧对齐,但右侧对齐该表格中的文本。