我要投稿

html表格怎么设置行高

小白 HTML

2022-03-11 0 1,172

资源来源于互联网和网友投稿如有侵权请及时下架
本站提供的资源，都来自网络，版权争议与本站无关，所有内容及软件的文章仅限用于学习和研究目的。
不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负，我们不保证内容的长久可用性，通过使用本站内容随之而来的风险以及产生法律纠纷与本站无关，您必须在下载后的24个小时之内，从您的电脑/手机中彻底删除。
如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。

本站只提供资源，不提供技术支持，介意勿下！源码太多站长无法每款都进行测试请自行甄别，虚拟产品售出无退换，下载链接如有失效请及时

html表格设置行高的方法：

1、给tr或td元素设置height属性，语法“”；

2、利用style属性给tr或td元素添加height样式，语法“<tr style=”height: 行高值;”>”。

我们有下面一个表格：

<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>

怎么设置这个表格的行高？

1、通过给tr或td元素设置height属性

<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>

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>