CSS 是一種用于描述文檔顯示方式的樣式語言。表格是在網頁中常用的一種方式來展示數據,而使用 CSS 可以改變表格的樣式和寬度。
如果您想改變表格寬度,可以使用 CSS 的 width 屬性。這個屬性可以設置元素的寬度,包括表格的寬度。
以下是一個例子,使用 CSS 的 width 屬性將表格的寬度設置為 50%。
table { width: 50%; }在上面的代碼中,將表格的選擇器指定為 table,并將 width 屬性設置為 50%。 如果您想將表格的每個列的寬度設置為同樣的寬度,可以使用 table-layout 屬性。可以將 table-layout 屬性設置為 fixed,以便為表格的所有列設置同樣的寬度。 以下是一個例子,使用 table-layout 屬性將表格的每個列的寬度設置為同樣的寬度。
table { table-layout: fixed; width: 100%; } td { width: 25%; }在上面的代碼中,將表格的選擇器指定為 table,并設置 table-layout 屬性為 fixed。然后,將表格的寬度設置為 100%。接下來,將表格中每個 td 的寬度設置為 25%。 使用 CSS 可以輕松地改變表格的寬度。只需要使用 width 屬性或 table-layout 屬性即可。您可以根據需求選擇適合您的方法。
上一篇css邊框粗細及顏色