2013-06-27 49 views
2

我有一個簡單的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> 
+0

您設定的高度,但你的內容溢出,所以它會自動重新調整高度,以適應您的內容 – stackErr

+0

[設置表格的高度HTML已經沒有可能的複製效果](http://stackoverflow.com/questions/14809502/setting-the-height-of-a-table-in-html-has-no-effect) –

回答

8

兩個邊境和高度,你」重新嘗試設置,實際上是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

0

首先,你需要知道哪個html渲染器將呈現你的html代碼。訪問此網站:http://www.campaignmonitor.com/css/,之後您可以決定哪種解決方案更好。

1)使用內聯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標籤中完成。

0

我剛剛解決了類似的問題。

爲此,我使用line-height屬性來設置表格大小的每個元素。

而且,在這裏你可以找到更多的信息:http://www.w3schools.com/cssref/pr_dim_line-height.asp

下面是它的用法:

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

您也可以使用百分比而不是絕對值。

6

將表放置在div中,並給該div的高度。

+0

在這裏把一些代碼....這一個是更多評論。 –

+0

參考鏈接:http://maxdesign.com.au/jobs/sample-fixed-thead/index.htm 這裏表頭保持固定,表格的其餘部分可以滾動。 這是通過給予一定的高度並賦予它「overflow:auto;」屬性來完成的。 –

1

下面的代碼工作:

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

你正在改變表本身的行爲。 –