Question

我有以下html

<div style="width:700px">
<table>
     <tr>
          <td align="right">
               some text here
          </td>
     </tr>
</table>
</div>

我希望文本与右边对齐，但它仍然与左边对齐。为什么呢？

jsfiddle：http://jsfiddle.net/kralco626/WBejT/1/

Answer 1

你必须定义宽度：700px;在你的表标签内。现在的问题是你的桌子不够宽阔： http://jsfiddle.net/qMAT3/

Answer 2

尝试在元素上添加边框。它将证明原因。

<div style="width:700px;border:1px solid #000000">
<table border="1">
     <tr>
          <td align="right">
               some text here
          </td>
     </tr>
</table>
</div>

默认情况下，表的大小与其内容相同，而不是其包装。您需要将width="100%"添加到表标记中。

Answer 3

试试这个：

<div style="width:700px">
  <table width="100%">
    <tr>
      <td width="20%" style="text-align:right"> some text here </td>
    </tr>
  </table>
</div>

将文本对齐到表格右侧

3 个答案: