如何讓頂部（而不是底部）的行具有固定tbody 高度500px！
html,body{
margin: 0;
padding: 0;
font-family: sans-serif;
font-size: 1rem;
}
main{
margin: 10px;
padding: 10px;
}
table{
border-collapse: collapse;
border: 1px solid;
width: 100%;
}
tr,th,td{
border: 1px solid;
padding: 3px;
text-align: center;
}
.minHeight{
height: 500px;
}<table>
<thead>
<tr>
<th>Code Article</th>
<th>Code TVA</th>
<th>Remise</th>
</tr>
</thead>
<tbody class="minHeight">
<tr>
<td>100</td>
<td>10</td>
<td>2</td>
</tr>
</tbody>
</table>當我得到這樣的輸出時，我會澄清它：
但我希望它是這樣的：
uj5u.com熱心網友回復：
洗掉text-align:center并td添加vertical-align:top
html,
body {
margin: 0;
padding: 0;
font-family: sans-serif;
font-size: 1rem;
}
main {
margin: 10px;
padding: 10px;
}
table {
border-collapse: collapse;
border: 1px solid;
width: 100%;
}
tr {
border: 1px solid;
padding: 3px;
}
th,
td {
border: 1px solid;
padding: 3px;
vertical-align: top;
}
.minHeight {
height: 500px;
}<table>
<thead>
<tr>
<th>Code Article</th>
<th>Code TVA</th>
<th>Remise</th>
</tr>
</thead>
<tbody class="minHeight">
<tr>
<td>100</td>
<td>10</td>
<td>2</td>
</tr>
</tbody>
</table>uj5u.com熱心網友回復：
你對你想要什么的描述不是很清楚，但我會試一試。
我認為您的意思是您希望名稱下方的串列頂部的數字，而不是整個框的中心。
如果是這樣，那么一個簡單的解決方案是在第一行資料 (td) 的底部添加填充。填充應該等于您喜歡的高度（警告：如果您添加更多資料，您將需要調整填充）。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/416922.html
標籤：