8

I have a simple html table I am not able to set the height for this table

Am i missing something

    <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>
4

5 回答 5

14

将表格放在 div 内，并为该 div 指定高度。

于 2017-02-20T07:25:18.937 回答
11

您尝试设置的边框和高度实际上都是 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>

或者，您也可以使用链接的 CSS 样式表，如下所示：

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

只是让你知道，设置表格元素的高度设置每行的高度，如果你想设置整个表格的高度，请将表格放在 div 标签中并设置该元素的高度。

你缺少什么？你错过了 CSS 样式的概念，试试这个教程：HTMLdog.com

于 2013-06-27T19:27:25.143 回答
3

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

为此，我使用 line-height 属性来设置表格大小的每个元素。

此外，您可以在这里找到更多信息：http ://www.w3schools.com/cssref/pr_dim_line-height.asp

这是它的用法：

<table style='line-height: 3px'>

您也可以使用百分比而不是绝对值。

于 2014-11-11T12:05:32.460 回答
1

首先，您需要知道哪个 html 渲染器将渲染您的 html 代码。访问这个网站： http: //www.campaignmonitor.com/css/，之后你可以决定哪个解决方案更好。

1) 使用 inline-css 作为您的表格标签，如下所示：

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

2）为您的表格标签使用内部样式表，如下所示：

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

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

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

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

示例：如果您处理 html 电子邮件，则不能使用外部 css。您需要使用 inline-css 解决它（上面的解决方案 1）。如果不支持，您仍然可以在 td 标签中执行此操作。

于 2014-04-27T15:37:06.323 回答
-2

以下代码有效： 

table{
  height: 86px; 
  display: inline-block;
  overflow-y: scroll;
}
于 2017-08-17T08:34:00.390 回答