Question

我试图做一些应该相当简单的事情。我在表中有一列文本，其值为1到18.我希望具有文本的单元格对齐中心。但是，有时，同一个单元格需要显示星号（*）。显示星号时，它应该在同一个单元格中左对齐，同时保持数字本身完全对齐。

我无法让它以正确的方式对齐

＆＃13;

<table border=1>
  <tr>
    <td style="text-align:center" width=50>
      <div>
        <div style="float:left;">*</div>
        <div>14</div>
      </div>  
    </td>
  </tr>
  <tr>
    <td align=center>
      <div></div>
      <div>16</div>
    </td>
  </tr>
</table>

＆＃13;

Answer 1

只需使用星号position: absolute div，您的号码将始终居中：

＆＃13;

<table border=1>
  <tr>
    <td style="text-align:center" width=50>
      <div>
        <div style="position: absolute;">*</div>
        <div>14</div>
      </div>  
    </td>
  </tr>
  <tr>
    <td align=center>
      <div></div>
      <div>16</div>
    </td>
  </tr>
</table>

＆＃13;

在这种情况下，position: absolute告诉我们：＆＃34;不要考虑绝对定位div的维度＆＃34;。如果您要检查带有数字的div，您会看到它需要父元素的完整宽度和高度，例如带有星号的div不在DOM中。

可能我的解释有点差，而且不是100％正确，但它应该给你基本的理解。欲了解更多信息，请查看＆＃34; position：absolute＆＃34;本网站或其他地方的区域：https://www.w3schools.com/css/css_positioning.asp

将一个表格单元格中的div对齐一次

1 个答案: