Html 无法设置桌子高度_Html_Css

Html 无法设置桌子高度

html css

Html 无法设置桌子高度,html,css,Html,Css,我有一个简单的html表格我无法设置这张桌子的高度我错过什么了吗 <table border="1" id="abc1" height="10px;" > <tr><td><b>Name</b></td></tr> <tr><td><b>Name</b></td></tr> <tr>&

我有一个简单的html表格我无法设置这张桌子的高度

我错过什么了吗

    <table border="1"  id="abc1"  height="10px;" >
     <tr><td><b>Name</b></td></tr>
     <tr><td><b>Name</b></td></tr>
     <tr><td><b>Name</b></td></tr>
     <tr><td><b>Name</b></td></tr>
    </table>


名称
名称
名称
名称

您试图设置的边框和高度实际上都是CSS属性，而不是HTML属性。按以下方式设置它们：

<table id="abc1" style="border: 1px; height:10px;" >
     <tr><td><b>Name</b></td></tr>
     <tr><td><b>Name</b></td></tr>
     <tr><td><b>Name</b></td></tr>
     <tr><td><b>Name</b></td></tr>
    </table>

只是想让您知道，设置table元素的高度会设置每行的高度，如果要设置整个表的高度，请将表放在div标记中并设置该元素的高度。

你错过了什么？您缺少CSS样式的概念，请尝试本教程：

首先，您需要知道哪个html呈现程序将呈现您的html代码。访问此网站：，然后您可以决定哪种解决方案更好

1）对表标记使用内联css，如下所示：

#abc1 {
    border: 1px;
    height: 10px;
}

<table style="height:50px;"></table>`

<head>
  <style>
    table { height:50px; }
    p { color:blue; }
  </style>
</head>

<head>
  <link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

2）对表格标记使用内部样式表，如下所示：

#abc1 {
    border: 1px;
    height: 10px;
}

<table style="height:50px;"></table>`

<head>
  <style>
    table { height:50px; }
    p { color:blue; }
  </style>
</head>

<head>
  <link rel="stylesheet" type="text/css" href="mystyle.css">
</head>


表{高度：50px；}
p{颜色：蓝色；}

3）使用如下所示的外部样式表，并为表格提供如下所示的高度值：

#abc1 {
    border: 1px;
    height: 10px;
}

<table style="height:50px;"></table>`

<head>
  <style>
    table { height:50px; }
    p { color:blue; }
  </style>
</head>

<head>
  <link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

或者你可以给td元素一个值，然后表格会自动计算出它的大小

示例：如果处理html电子邮件，则不能使用外部css。您需要使用内联css（上面的解决方案1）来解决这个问题。如果它不受支持，您仍然可以在td标签中执行。

我刚刚解决了一个类似的问题

为此，我使用LineHeight属性设置表大小的每个元素

此外，您可以在此处找到更多信息：

下面是它的用法：

将桌子放在一个div内，并为该div指定高度。

以下代码有效：

table{
  height: 86px; 
  display: inline-block;
  overflow-y: scroll;
}

您正在设置高度，但内容溢出，因此它会使用css（display:block）参考链接自动重新调整高度以适合contentset表格显示为块：此处表格标题保持固定，表格的其余部分可滚动。这是通过赋予它一定的高度并赋予它“overflow:auto”属性来实现的；它对我不起作用。表中的子代容器可能导致此解决方案无效。您正在更改表本身的行为。