0

我有下面的表格

 <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 与表格中心的文本“CENTRE THIS”对齐？

这是小提琴

4

4 回答 4

1

是的

你需要使用td:nth-child(n)财产和table-layout: fixed财产

检查这个http://jsfiddle.net/Pv3Zk/347/

于 2013-10-24T13:11:23.097 回答
0

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

于 2013-10-24T13:08:43.447 回答
0

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

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

看看这个简单的演示。

于 2013-10-24T13:09:17.547 回答
-1

尝试这个 ：

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

如果你想要表格中心的文本，你必须设置固定 TD 宽度

于 2013-10-24T13:09:27.487 回答