Question

我有下表

 <table style="width: 540px " border="1">
  <tr>
    <td style="text-align: left">
        <img id="img1" style="cursor: pointer;" src="../left.png" height="30" width="30" />
    </td>
    <td style="text-align: center;font-size: medium"><strong>CENTRE THIS </strong>
    </td>
    <td style="text-align: right"><strong>key </strong>
    </td>
    <td style="text-align: left">
        <input type="text" id="searchbox" />
    </td>
 </tr>
</table>

是否可以将第二个td与表格中心的“CENTER THIS”文本对齐？

这里是fiddle

Answer 1

是

您需要使用td:nth-child(n)属性和table-layout: fixed属性

选中此http://jsfiddle.net/Pv3Zk/347/

Answer 2

如果您有流畅的布局，可以使用CSS将宽度设置为百分比，如33％，33％和33％。如果您有固定的布局，则应使用CSS将每列的宽度设置为固定宽度。

Answer 3

使用CSS指定td元素的宽度（添加类以告诉另一个单元格。）

然后使用table-layout: fixed;表。这将允许td具有固定的指定尺寸。

查看此simple demo。

Answer 4

试试这个：

<td align="center">...</td>

如果您需要表格中心的文本，则必须设置修复TD宽度

是否可以将td置于桌子中间

4 个答案: