html - 垂直-HTML3.1で上部を揃える

Question

HTML 3.1でHTMLテーブルを実現することを余儀なくされています（いいえ、アップグレードする機会はありません:(）

ここで、2つの列を持つ単純なテーブルを作成しました。

最初の列には1行のテキストしかなく、2番目の列にはさらに多くのテキストがあります。これで、最初の列が中央に垂直に配置されます（標準の動作）。

HTML 3.1で列を垂直方向に上に揃えるにはどうすればよいですか？：/

手伝ってくれてありがとう！

Answer 1

属性valignまたはcssプロパティのいずれかを使用できますvertical-align

<table>
<tr>
<td valign="top">1</td>
<td>2<br />3<br />4</td>
</tr>
</table>

またはcssを使用

<table>
   <tr>
      <td style="vertical-align: top;">1</td>
   </tr>
</table>

Answer 2

両方の列を一番上に揃えるのが最も安全です（コンテンツがいつか変更されて最初のセルのコンテンツが高くなる場合に備えて）。trこれを行うには、要素に垂直方向の配置を設定します。次に、その行のすべてのセルに影響します。ただし、HTMLでは行ごとにこれを行う必要があります（CSSでは、1つのルールのみを使用できます）。

<table>
  <tr valign=top><td>...<td>...
  <tr valign=top><td>...<td>...
  ...
</table>

Answer 3

これは、次のCSSで実行できます。

td, th {
    vertical-align: top;
}

これで、すべてのテーブルセルのテキストが上に垂直に配置されます。valign最近ではCSSが正しい方法であるため、これにはHTMLバージョン（）を使用しないでください。

HTML5を使用する機会があるときにさらに開発するための情報と同じようにvalign、HTML5ではサポートされていません。おそらく機能しますが、マークアップは無効になります。