在HTML中设置表格行高可以使用CSS属性 height，给
<table>
<tr style="height: 50px;">
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr style="height: 100px;">
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
上面的代码中，第一行的高度为50像素，第二行的高度为100像素。
使用CSS的好处是可以统一设置表格的行高，避免重复的行高代码出现在HTML中。
<style>
table tr {
height: 50px;
}
</style>
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
上面的代码中，CSS中的table tr { height: 50px; }会给表格中所有的行设置高度为50像素。
需要注意的是，在表格中，行高和单元格高度有关联，当行高小于单元格高度时，单元格的内容会溢出。此时，需要使用overflow: hidden;样式控制单元格内容的显示。
相关文章
作者文章
- android http获取json 29分钟前
- css table的宽度自适应 38分钟前
- css table的滚动条 56分钟前
- ajax json 提交 php 2小时前
- html动态网页制作代码 2小时前
@L_404_28@
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
