文章內容如下： CSS中表格寬度設置一直都是一個比較頭痛的問題，尤其當我們希望自適應寬度的表格與其它元素協調配合時。以下是一些實用的CSS技巧，可以讓你更好的控制表格的寬度。 首先，我們需要了解三種設置表格寬度的方法： 1. 使用固定寬度：這意味著我們可以直接指定表格的寬度，例如： pre { table { width: 500px; } } 這樣的效果是比較明顯的，表格會根據我們設置的寬度進行自適應，但是這種方式多用于移動端編程中的小屏幕設備。 2. 使用百分比寬度：與固定寬度不同，百分比寬度是相對于其容器元素的寬度設置表格寬度。例如： pre { table { width: 100%; } } 這樣的效果會比固定寬度更流暢，因為它會自動適應屏幕大小調整表格寬度，但是如果表格內容過多，將造成表格變形不美觀。 3. 使用自適應寬度：當表格中有未知寬度的元素時，使用自適應寬度最為合適。例如： pre { table { table-layout: auto; } } 這樣的效果會使表格根據實際內容自適應寬度，當表格中有大量數據時效果更佳,可以使用html的寬度屬性去控制表格寬度。 綜上所述，我們在CSS中設置表格寬度，需要考慮到不同的情況使用不同的技巧。常見的有固定寬度、百分比寬度和自適應寬度三種方式，針對不同的需求進行選擇。 希望本篇文章可以幫助你更好的掌握表格寬度的設置方法，在優化網頁設計中有更多的選擇。