HTML'td'的宽度和高度

Sha*_*Hsu 45 html5 html-table object

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>
Run Code Online (Sandbox Code Playgroud)

Rav*_*ale 74

width属性<td>在HTML 5 中已弃用.

使用CSS.例如

 <td style="width:100px">
Run Code Online (Sandbox Code Playgroud)

详细,像这样:

<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>
Run Code Online (Sandbox Code Playgroud)

  • 似乎不适用于具有更多列的表,并且列中的数据量不同 (4认同)

Suk*_*mar 9

以下宽度在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>
Run Code Online (Sandbox Code Playgroud)

请注意

  • TD标签没有CSS样式.

  • 这个答案完美谢谢@Sukumar (2认同)