Heim  >  Artikel  >  Web-Frontend  >  So führen Sie Zellen in einer HTML-Tabelle zusammen

So führen Sie Zellen in einer HTML-Tabelle zusammen

angryTom
angryTomOriginal
2020-02-11 17:38:0421509Durchsuche

So führen Sie Zellen in einer HTML-Tabelle zusammen

So führen Sie Zellen in einer HTML-Tabelle zusammen

In HTML dient das colspan-Attribut zum Zusammenführen von Spalten und das rowspan-Attribut zum Zusammenführen Beim Zusammenführen von Zeilen hat beispielsweise rowspan="2" die nächste Zeile tr eine Spalte weniger; beim Zusammenführen von Spalten hat colspan="2" die Spalte dieser Zeile eine Spalte weniger.

Empfohlenes Lernen: HTML-Tutorial

Code-Demonstration:

<table border="1" style={{margin:200}}>
    <tbody>  
        <tr>    
            <th colspan="2">我是占位符</th>   
            <th colspan="2">我是占位符</th>  
        </tr>  
        <tr>    
            <th rowspan="2">我是占位符</th>    
            <th>我是占位符</th>    
            <th>我是占位符</th>    
            <th>我是占位符</th>  
        </tr>  
        <tr>    
            <th>我是占位符</th>    
            <th>我是占位符</th>

            <th>我是占位符</th>  
        </tr>
    </tbody>    

</table>

So führen Sie Zellen in einer HTML-Tabelle zusammen

Erweiterte Informationen:

rowspan gibt die Anzahl der Zeilen an, die die Header-Zelle umfassen soll. Hinweis: rowspan="0" weist den Browser an, dass die Zelle bis zur letzten Zeile (thead, tbody oder tfoot) in der Tabellenkomponente reichen soll.

Das obige ist der detaillierte Inhalt vonSo führen Sie Zellen in einer HTML-Tabelle 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