| 定義列，HTML標(biāo)準(zhǔn)并沒(méi)有提供直接設(shè)置表格高度和寬度的屬性，這需要通過(guò)CSS來(lái)實(shí)現(xiàn)。 
下面將詳細(xì)介紹如何在HTML中設(shè)置表格的高度和寬度。 1. 使用內(nèi)聯(lián)樣式設(shè)置表格高度和寬度 你可以直接在HTML元素中添加style屬性來(lái)設(shè)置表格的高度和寬度，這種方式的優(yōu)點(diǎn)是直接且簡(jiǎn)單，但是缺點(diǎn)是無(wú)法復(fù)用，如果需要在多個(gè)地方使用相同的樣式，就需要重復(fù)編寫代碼。 下面的代碼將創(chuàng)建一個(gè)寬度為50%，高度為300px的表格：
| Row 1, cell 1 |
Row 1, cell 2 |
| Row 2, cell 1 |
Row 2, cell 2 |
2. 使用CSS類設(shè)置表格高度和寬度 另一種方式是使用CSS類來(lái)設(shè)置表格的高度和寬度，你需要在CSS中定義一個(gè)類，然后在這個(gè)類中設(shè)置高度和寬度，之后，你可以在HTML元素中使用這個(gè)類，這種方式的優(yōu)點(diǎn)是可以在多個(gè)元素中復(fù)用同一種樣式，只需要修改CSS類即可。 下面的代碼將創(chuàng)建一個(gè)名為myTable的CSS類，該類設(shè)置了寬度為50%，高度為300px：
.myTable {
width: 50%;
height: 300px;
}
然后在HTML中使用這個(gè)類：
| Row 1, cell 1 |
Row 1, cell 2 |
| Row 2, cell 1 |
Row 2, cell 2 |
3. 使用外部樣式表設(shè)置表格高度和寬度 如果你的網(wǎng)頁(yè)有很多表格，或者你希望在不同的頁(yè)面中復(fù)用同一種樣式，你可以使用外部樣式表（也稱為級(jí)聯(lián)樣式表或CSS文件）來(lái)設(shè)置表格的高度和寬度，你需要在一個(gè)獨(dú)立的CSS文件中定義一個(gè)類，然后在這個(gè)類中設(shè)置高度和寬度，之后，你可以在HTML元素的 下面的代碼在一個(gè)名為styles.css的CSS文件中定義了一個(gè)名為myTable的類：
/* styles.css */
.myTable {
width: 50%;
height: 300px;
}
然后在HTML文件的
| Row 1, cell 1 |
Row 1, cell 2 |
| Row 2, cell 1 |
Row 2, cell 2 |
以上就是在HTML中設(shè)置表格高度和寬度的三種主要方式，每種方式都有其優(yōu)點(diǎn)和適用場(chǎng)景，你可以根據(jù)實(shí)際需求選擇合適的方式。
當(dāng)前文章：html表格如何設(shè)置高度和寬度
文章源于：http://www.dlmjj.cn/article/djihgph.html
| 
建站
咨詢
售后
建站咨詢
