HTML TABLE 與 DIV TABLE 貼到文件中比較

前幾天在幫 Google 日曆轉簡明行事曆加上「複製」的功能，可以將製作好的行事曆複製到剪貼簿中以後，再貼到 Google 文件中編輯行事曆的內容，結果發現表格全亂了套。主要是原來的表格是使用 <DIV> 的語法，再搭配 CSS diplay: table 的樣式所產生的，沒想到眼中所見的表格，複製到剪貼簿又是另一回事了。只好再乖乖地將語法通通再改回 HTML <TABLE> 的語法了。

[圖1] 由 Google 日曆轉換的行事曆

[圖2] DIV TABLE 貼到 Google 文件的樣子

來做一下小實驗，底下同樣的資料內容，一個用 DIV 製作看起來像表格的表格(DIV Table)，一個用真正的表格 (TABLE)，看它們分別複製後，貼到 Google 文件中，有沒有差別？

DIV TABLE

A

B

C

1

2

3

HTML TABLE

A	B	C
1	2	3

相關連結

• 雄:JavaScript : 擷取 Google 日曆製作簡明行事曆