Rumah > Artikel > hujung hadapan web > rowspan属性怎么使用
rowspan属性怎么使用
- 不言asal
- 2019-02-11 14:40:4317610semak imbas
HTML中的rowspan属性指定单元格应跨越的行数。也就是说，如果一行跨越两行，则意味着它将占用该表中两行的空间。它允许单个表格单元格跨越多个单元格或行的高度。rowspan属性与Excel中的电子表格的“合并单元格”有相同的功能。
rowspan属性可以与HTML表中的b6c5a531a458a2e790c1fd6421739d1c和b4d429308760b6c2d20d6300079ed38e元素一起使用。
rowspan属性与b6c5a531a458a2e790c1fd6421739d1c标签一起使用时，rowspan属性决定了它应跨越的标准单元格数。
当rowspan属性与b4d429308760b6c2d20d6300079ed38e标签一起使用时，rowspan属性确定它应该跨越的标题单元格的数量。
下面我们来看具体的示例
与b6c5a531a458a2e790c1fd6421739d1c标签一起使用
代码如下
<!DOCTYPE html>
<html>
<head>
<title>HTML rowspan</title>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
padding: 6px;
}
</style>
</head>
<body style = "text-align:center">
<table>
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>Tom</td>
<!-- This cell will take up space on
two rows -->
<td rowspan="2">24</td>
</tr>
<tr>
<td>Marry</td>
</tr>
</table>
</body>
</html>效果如下
与b4d429308760b6c2d20d6300079ed38e标签一起使用时
代码如下
<!DOCTYPE html>
<html>
<head>
<title>HTML rowspan</title>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
padding: 6px;
}
</style>
</head>
<body style = "text-align:center">
<table>
<tr>
<th>Name</th>
<th>Age</th>
<!-- This cell will take up space
in 3 rows -->
<th rowspan="3">php中文网</th>
</tr>
<tr>
<td>Tom</td>
<td>24</td>
</tr>
<tr>
<td>Marry</td>
<td>25</td>
</tr>
</table>
</body>
</html>效果如下
本篇文章到这里就全部结束了，更多前端精彩内容大家可以关注php中文网相关栏目教程！！！
Atas ialah kandungan terperinci rowspan属性怎么使用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：colspan属性怎么使用Artikel seterusnya：oncopy事件么使用