在表格的右边对齐文本

问题描述

| 我有以下HTML

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

我希望文本右对齐，但仍要左对齐。为什么？ jsfiddle：http://jsfiddle.net/kralco626/WBejT/1/     

解决方法

您必须定义宽度：700px;在表格标签中现在的问题是您的表格不够宽： http://jsfiddle.net/qMAT3/     ,尝试在元素上加上边框。它将说明原因。

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

默认情况下，表的大小取决于其内容的大小，而不取决于其包装的大小。您需要在表格标记中添加“ 2”。     ,尝试这个：

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