Question

我有一个简单的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>

Answer 1

将表放在div中并为该div提供高度。

Answer 2

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

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

你错过了什么？你错过了使用CSS设计样式的概念，试试这个教程：HTMLdog.com

Answer 3

首先，您需要知道哪个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标签中进行。

Answer 4

我刚解决了类似的问题。

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

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

以下是它的用法：

＆＃13;

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

＆＃13;

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

Answer 5

以下代码有效：

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

无法设置表格高度

5 个答案: