web-dev-qa-db-ja.com

HTML「td」の幅と高さ

「高さ」と「幅」はHTML5ではサポートされていません。 HTML5標準に準拠しながらtdの幅と高さを設定するにはどうすればよいですか？

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>219 班網</title>
  </head>

  <body bgcolor="silver">
    <div align="center">
      <table>
        <tr>
          <td width="1000" height="250">
            <object width="100%" height="100%" data="frameTop.html"></object>
          </td>
        </tr>
      </table>
      <table>
        <tr>
          <td width="300" height="700" >
            <object width="100%" height="100%" data="frameLeft.html"></object>
          </td>
          <td width="700" height="700">
            <object width="100%" height="100%" data="frameRight.html"></object>
          </td>
        </tr>
      </table>
    </div>
  </body>
</html>
html5objecthtml-table
44
Shane Hsu

<td>のwidth属性は、HTML 5では非推奨です。

CSSを使用します。例えば.

 <td style="width:100px">

このように、詳細に：

<table >
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td style="width:70%">January</td>
    <td style="width:30%">$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>
74
Ravindra Bagale

次の width はHTML5でうまく機能しました：-

<table >
  <tr>
    <th style="min-width:120px">Month</th>
    <th style="min-width:60px">Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>

その点に注意してください

  • TDタグにはCSSスタイルがありません。
9
Sukumar