4

2列のテーブルがあります

<table border="2">
  <tr>
    <td>
        <div id="menupage" >
            ...
            ...
        </div>
    </td>

    <td align="center"  >   

        <div id="contentpage" >
            ...
            ...
        </div>

    </td>   
  </tr>
</table>

<div id="contentpage" >のサイズが大きい場合は常に中央ではなく上に置きたい

4

3 に答える 3

11

CSS vertical-alignプロパティを使用して、TDコンテンツを次のように配置できますTOP。

垂直整列:上;

この実用的なフィドルの例を参照してください!

例えば、

<table border="2">
  <tr>
    <td style="vertical-align:top;">
      <div id="menupage">
        ...
      </div>
    </td>
    <td align="center" style="vertical-align:top;">   
      <div id="contentpage" >
        ...
      </div>
    </td>   
  </tr>
</table>
于 2012-05-29T16:17:46.793 に答える
2

テーブルを使用する場合は、 を使用することもできますvalign。

例えば：<div id="menupage" valign="top">

CSS を使用する場合は、 を使用できますvertical-align。

次のように、スタイルシートにすべての td を設定できます。

td {
    vertical-align: top;
}

私はあなたの経験などを知らないので続けませんが、レイアウトのためにテーブルを避けるべきです. 多くの反対票や「テーブルを使用しないでください」というコメントを節約できます。

于 2012-05-29T16:20:04.030 に答える
2

あなたはおそらくvalignまたはを見ていvertical-alignます。

<td align="center" valign="top">
    <div id="contentpage">
    </div>
</td>

http://jsfiddle.net/nivas/Y84pS/を参照

valignは非推奨の属性であることに注意してください(alignおよびも同様です。完全なリストについては、属性のインデックスをborder参照してください)。これらの機能を取得するための推奨される方法は、CSS を介して、 、およびを使用することです。vertical-aligntext-alignborder

私の jsfiddle の例の 2 番目のテーブルは CSS を使用し、同じ機能を取得します。

于 2012-05-29T16:23:47.023 に答える