我有一個簡單的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>
我有一個簡單的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>
,或者,你可以使用一個鏈接CSS樣式表是這樣的:
#abc1 {
border: 1px;
height: 10px;
}
只是爲了讓你知道,設置表元素的高度設置每行的高度,如果要設置整個表格的高度,請將表格放在div標籤中並設置該元素的高度。
你缺少什麼?你錯過了CSS樣式的概念,試試這個教程:HTMLdog.com
首先,你需要知道哪個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標籤中完成。
我剛剛解決了類似的問題。
爲此,我使用line-height屬性來設置表格大小的每個元素。
而且,在這裏你可以找到更多的信息:http://www.w3schools.com/cssref/pr_dim_line-height.asp
下面是它的用法:
<table style='line-height: 3px'>
您也可以使用百分比而不是絕對值。
將表放置在div中,並給該div的高度。
在這裏把一些代碼....這一個是更多評論。 –
參考鏈接:http://maxdesign.com.au/jobs/sample-fixed-thead/index.htm 這裏表頭保持固定,表格的其餘部分可以滾動。 這是通過給予
一定的高度並賦予它「overflow:auto;」屬性來完成的。 –下面的代碼工作:
table{
height: 86px;
display: inline-block;
overflow-y: scroll;
}
你正在改變表本身的行爲。 –
您設定的高度,但你的內容溢出,所以它會自動重新調整高度,以適應您的內容 – stackErr
[設置表格的高度HTML已經沒有可能的複製效果](http://stackoverflow.com/questions/14809502/setting-the-height-of-a-table-in-html-has-no-effect) –