小白教程
所有教程
关于
Search
172.70.131.129
172.70.131.129
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“HTML表格宽度高度”的源代码
本页内容
上一节:
HTML表格边框
下一节:
HTML表头
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
[[Category:HTML教程|24]] HTML 表格的每一列、每一行或整个表格都可以有不同的大小。 使用''' <nowiki>style</nowiki> '''带有 ''' <nowiki>width</nowiki> '''或''' <nowiki>height</nowiki> ''' 属性的属性来指定表、行或列的大小。 == HTML表格的丰富性== 要设置表格的宽度,请将''' <nowiki>style</nowiki> ''' 属性添加到''' <nowiki><table></nowiki> '''元素: <sample title="" hererun="s" desc="将表格的宽度设置为 100%:" > <style> table, th, td { border: 1px solid black; } </style> <table style="width:100%"> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> </table> </sample> <blockquote> 注意:使用百分比作为宽度的大小单位意味着该元素与其父元素(在本例中为''' <nowiki><body></nowiki> ''' 元素)相比的宽度。 </blockquote> == HTML 表格列宽 == 要设置特定列的大小,请在or 元素上添加''' <nowiki>style</nowiki> ''' 属性:''' <nowiki><th></nowiki> '''''' <nowiki><td></nowiki> ''' <sample title="" hererun="s" desc="将第一列的宽度设置为 70%:" > <style> table, th, td { border: 1px solid black; } </style> <table style="width:100%"> <tr> <th style="width:70%">Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> </table> </sample> == HTML表格行高== 要设置特定行的高度,请''' <nowiki>style</nowiki> ''' 在表格行元素上添加属性: <sample title="" hererun="s" desc="将第二行的高度设置为 200 像素:" > <style> table, th, td { border: 1px solid black; } </style> <table style="width:100%"> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr style="height:200px"> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> </table> </sample>
返回至“
HTML表格宽度高度
”。
上一节:
HTML表格边框
下一节:
HTML表头