文章專題學習下載問答程式設計字典遊戲最近更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

首頁 > web前端 > html教學 > 主體

將HTML中的列數設定為跨度

WBOY

發布： 2023-09-04 22:13:02

轉載

1323 人瀏覽過

將HTML中的列數設定為跨度

我們在這篇文章中要執行的任務是在HTML中設定要跨越的列數。

當使用

元素時，可以透過使用colspan屬性來實現。因此，一個單獨的表格單元格現在可以跨越多個列或寬度的單元格。讓我們進入文章以了解更多關於colspan屬性的資訊。

Colspan屬性

在HTML中，單元格應該跨越的列數是由colspan屬性指定的。它使得單一表格單元格可以跨越多個列或儲存格。它提供了與電子表格程式（如Excel的「合併儲存格」功能）相同的功能。

文法

下面是colspan屬性的語法。

登入後複製

讓我們深入以下範例，更好地理解colspan屬性。

Example 1

的中文翻譯為：

範例1

#在以下範例中，我們使用colspan來進行表格的合併儲存格。




    



   
      
         NAME
          Amount
      
      
          Surya
          143
      
      
          Karthik
          420
      
      
          Total Amount : 563

NAME	Amount
Surya	143
Karthik	420
Total Amount : 563

登入後複製

當腳本被執行時，它將產生一個輸出，顯示由腳本中給定的資料組成的表格，同時在網頁上顯示總金額的colspan。

Example 2

的中文翻譯為：

範例2

讓我們來看下面的例子，其中我們使用了

標籤與colspan一起使用。




   



   
      spanning all of the columns
      Mahendra Singh Dhoni is an Indian former professional cricketer who was captain of the Indian national cricket team in limited-overs formats
      Virat Kohli is an Indian international cricketer and former captain of the India national cricket team.He plays for Delhi in domestic cricket
      Hardik Himanshu Pandya is an Indian international cricketer who plays for the India national cricket team at the international level and the Baroda cricket team domestically.

登入後複製

在運行上述腳本時，它將產生一個輸出，其中包含腳本中使用的文字以及網頁上的colspan

以上是將HTML中的列數設定為跨度的詳細內容。更多資訊請關注PHP中文網其他相關文章！

來源：tutorialspoint.com

上一篇：如何在HTML5中加入媒體播放器中使用的文字軌道？下一篇：使用HTML和CSS將文字和選取框對齊為相同的寬度

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章