html表格設(shè)置行高的方法:1、給tr或td元素設(shè)置height屬性,語法“<tr height="行高值">”;2、利用style屬性給tr或td元素添加height樣式,語法“<tr style="height: 行高值;">”。
本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
我們有下面一個表格:
<table border="1"> <tr> <th>商品</th> <th>價格</th> </tr> <tr> <td>T恤</td> <td>¥100</td> </tr> <tr> <td>牛仔褂</td> <td>¥250</td> </tr> <tr> <td>牛仔庫</td> <td>¥150</td> </tr> </table>
怎么設(shè)置這個表格的行高?
1、通過給tr或td元素設(shè)置height屬性
<table border="1"> <tr> <th>商品</th> <th>價格</th> </tr> <tr height="100"> <td>T恤</td> <td>¥100</td> </tr> <tr> <td height="50">牛仔褂</td> <td>¥250</td> </tr> <tr> <td>牛仔庫</td> <td>¥150</td> </tr> </table>
2、利用style屬性給tr或td元素添加height樣式
<table border="1"> <tr> <th>商品</th> <th>價格</th> </tr> <tr style="height: 50px;"> <td>T恤</td> <td>¥100</td> </tr> <tr> <td style="height: 60px;">牛仔褂</td> <td>¥250</td> </tr> <tr> <td>牛仔庫</td> <td>¥150</td> </tr> </table>