HTML Розмір таблиці
HTML 表格 можуть мати різні розміри для кожного стовпця, рядка або всієї таблиці.
维克里斯特属性 style
з властивостями width
або height
для визначення розміру таблиці, рядка або стовпця.
HTML 表格宽度
要设置表格的宽度,请添加一个属性 style
до елементу <table>
:
屁股
将表格宽度设置为 100%:
<table style="width:100%">
<tr>
<th>我是</th>
<th>昵称</th>
<th>维克</th>
</tr>
<tr>
<td>吉尔</td>
<td>史密斯</td>
<td>50</td>
</tr>
<tr>
<td>前夕</td>
<td>杰克逊</td>
<td>94</td>
</tr>
</table>
自己尝试一下»
笔记: 一个宽度单位的百分比表示该元素与其父元素(在本例中为该元素)相比的宽度<body>
.
HTML 表格列宽
要设置指定列的大小,添加属性 style
до елементів <th>
або <td>
:
屁股
将第一列的宽度设置为 70%:
<table style="width:100%">
<tr>
<th style="width:70%">家</th>
<th>昵称</th>
<th>维克</th>
</tr>
<tr>
<td>吉尔</td>
<td>史密斯</td>
<td>50</td>
</tr>
<tr>
<td>前夕</td>
<td>杰克逊</td>
<td>94</td>
</tr>
</table>
自己尝试一下»
HTML 表格行高
设置指定行的高度,添加属性 style
до елемента рядка таблиці:
屁股
将另一行的高度设置为 200 像素:
<table style="width:100%">
<tr>
<th>我是</th>
<th>昵称</th>
<th>维克</th>
</tr>
<tr style="height:200px">
<td>吉尔</td>
<td>史密斯</td>
<td>50</td>
</tr>
<tr>
<td>前夕</td>
<td>杰克逊</td>
<td>94</td>
</tr>
</table>
自己尝试一下»