CSS 是一種用于網頁樣式和布局的語言，可以讓網頁看起來更加美觀和易于閱讀。其中，設置表格列寬和行高也是 CSS 中的一項重要功能。本文將介紹如何使用 CSS 設置表格列寬和行高。 設置表格列寬 在 HTML 中，表格是由表格行 (tr) 和表格單元格 (td) 組成的。要設置表格列寬，可以使用 CSS 的 width 屬性。例如，下面的代碼將表格的第一列寬度設置為 100 像素： pre { table { width: 100%; } td:nth-child(1) { width: 100px; } } 在這里，我們使用了 CSS 的偽類 :nth-child(1) 選中表格的第一列，并將它的寬度設置為 100 像素。可以根據需要改變數字和單位。 需要注意的是，如果表格的總寬度小于列的寬度之和，瀏覽器將自動調整列的寬度。為防止這種情況發生，可以使用 CSS 的 table-layout 屬性將表格布局設置為 fixed。代碼如下： pre { table { width: 100%; table-layout: fixed; } td:nth-child(1) { width: 100px; } } 設置表格行高 要設置表格的行高，可以使用 CSS 的 line-height 屬性。例如，下面的代碼將表格的行高設置為 50 像素： pre { table { width: 100%; table-layout: fixed; } td { line-height: 50px; } } 在這里，我們將表格的每個單元格的行高設置為 50 像素。同樣可以根據需要改變數字和單位。 建議設置表格的行高時，也注意設置相鄰單元格之間的垂直間距和文字對齊方式?？梢允褂?CSS 的 vertical-align 和 text-align 屬性來實現。 總結 CSS 可以很方便地實現表格列寬和行高的設置，可以根據需要設置表格的布局和樣式，使頁面更加美觀、易于閱讀。我們可以在開發網頁時靈活使用此功能，提高網頁的質量和效果。