HTML表格行高问题（高度=“x”vs样式=“高度：x”）_Html_Css_Html Table

HTML表格行高问题（高度=“x”vs样式=“高度：x”）

html css

HTML表格行高问题（高度=“x”vs样式=“高度：x”）,html,css,html-table,Html,Css,Html Table,在Windows10上使用Chrome，这段代码“有效”，因为它创建了一个100像素高的空行 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <title>Tes

在Windows10上使用Chrome，这段代码“有效”，因为它创建了一个100像素高的空行

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <title>Test</title>
  </head>
  <body>
    <table id="content" style="width:100%;border:1px solid black">
      <tr id="topRow" height="100" style="width:100%;"></tr>
    </table>
  </body>
</html>


试验

。。。但是下面没有，因为它生成了一个非常短的行，当然不是100像素高

<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <title>Test</title>
  </head>
  <body>
    <table id="content" style="width:100%;border:1px solid black">
      <tr id="topRow" style="width:100%;height=100px"></tr>
    </table>
  </body>
</html>


试验

我试图使用后一种形式，因为前者已被弃用（如果不是过时的话）

我做错了什么，或者更可能是误解了什么？

我想你可以尝试将表格布局更改为“修复”。。。

因为可能行没有显示100px bcoz它是空的

我想你可以尝试将表布局更改为固定的。。。因为可能行没有显示100px bcoz，它是空的请在第二个代码中将=替换为

在

希望这能奏效请在第二个代码中将=替换为

在

希望这能起作用

我想你对引号有问题-你有一组围绕宽度和高度的引号，所以计算机认为你在尝试内联CSS。应该是：

我认为您对引号有问题-您有一组围绕宽度和高度的引号，因此计算机认为您在尝试内联CSS。应该是：

欣赏这种想法，但我试过了；它没有改变任何事情。感谢你的想法，但我试过了；它没有改变任何事情。不，这正是我想要做的。我应该能够把两个宽度和高度在同一个样式标签。谢谢你的努力。请参阅下面@Adarsh的答案。在这种情况下，将等号改为冒号，说明CSS语法不正确。对不起，我误解了你的方向：）不，那正是我想做的。我应该能够把两个宽度和高度在同一个样式标签。谢谢你的努力。请参阅下面@Adarsh的答案。在这种情况下，将等号改为冒号，说明CSS语法不正确。对不起，我误解了你的方向：）请看下面@Adarsh的答案。我在样式属性中使用了“height=100px”而不是“height:100px”。更正语法修复了问题。请参阅下面@Adarsh的答案。我在样式属性中使用了“height=100px”而不是“height:100px”。修正语法解决了这个问题。