CSS將寬度保持爲百分比不取決於內容寬度

Question

我是新來的CSS，必須修改其他人的一些複雜的代碼。我想要的是非常簡單的，三個邊框在一張表中，每個都有33％的寬度FIXED，我不希望這些s的寬度隨着內容寬度的變化而跳躍，我想要一個水平滾動條如果它的內容太寬（比如在沒有空白的情況下一個字太寬）。

我試過這樣的東西，但不工作，任何線索？謝謝！

<table> 
    <tr> 
    <td style="width: 34%; max-width: 34%; overflow: auto">abc</td> 
    <td style="width: 33%; max-width: 33%; overflow: auto">efg</td> 
    <td style="width: 33%; max-width: 33%; overflow: auto">xyz</td> 
    </tr> 
</table> 

Answer 1

您需要爲表設置固定。

編輯：COLGROUP是正確的標籤

<table style="table-layout:fixed;width:1000px;overflow-x:auto;"> 
<colgroup> 
    <col width="34%"> 
    <col width="33%"> 
    <col width="33%"> 
</colgroup> 
    <tr> 
    <td>abc</td> 
    <td>efg</td> 
    <td>xyz</td> 
    </tr> 
</table>