"."/> ".">

Heim  >  Artikel  >  Web-Frontend  >  So führen Sie Zeilen in HTML5 zusammen

So führen Sie Zeilen in HTML5 zusammen

WBOY
WBOYOriginal
2021-12-21 11:47:025810Durchsuche

在html中,可以利用rowspan属性实现合并行的操作,rowspan属性用于定义单元格应该横跨的行数,也就是合并的行数,语法为“

”。

So führen Sie Zeilen in HTML5 zusammen

本教程操作环境:windows10系统、HTML5版、Dell G3电脑。

html5如何合并行

在html中想要合并行,需要利用rowspan属性。

rowspan 属性定义单元格应该横跨的行数。语法如下:

其中number规定单元格应该横跨的行数。注意: rowspan="0" 告知浏览器使单元格横跨到表格组件中的最后一个行(thead、tbody 或 tfoot)。

示例如下:

<html>
<head> 
<meta charset="utf-8"> 
<title>123</title> 
</head>
<body>
<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
    <th>Savings for holiday!</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
    <td rowspan="2">$50</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>
</body>
</html>

输出结果:

So führen Sie Zeilen in HTML5 zusammen

推荐教程:《html视频教程

Das obige ist der detaillierte Inhalt vonSo führen Sie Zeilen in HTML5 zusammen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn