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>

表の中央にあるテキスト「CENTRE THIS」で 2 番目の td を揃えることは可能ですか?

ここにフィドルがあります

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(クラスを追加して、1 つのセルと別のセルを区別します)。

次にtable-layout: fixed;、テーブルに使用します。これによりtd、固定された指定された寸法を持つことができます。

この簡単なデモをご覧ください。

于 2013-10-24T13:09:17.547 に答える
-1

これを試して :

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

テーブルの中心のテキストが必要な場合は、固定 TD 幅を設定する必要があります

于 2013-10-24T13:09:27.487 に答える