html - 如何独立固定表格宽度内容？

Question

无论内容是什么，我都试图修复宽度。但是，表格的宽度会根据其内容而变化。我该如何修复它？

这是我的代码:

<style>
           table{width:25px; background:#66f;}
    </style>
    <table>
           <tr>
                   <td>sn</td>
                   <td style="width:20px;">Name</td>
           </tr>
           <tr>
                   <td>1</td>
                   <td>Wolfeschlegelsteinhausenbergerdorff</td>
           </tr>
    </table>

Answer 1

试试这个

<table>
    <tbody><tr>
        <td>sn</td>
        <td style="width:20px;">Name</td>
    </tr>
    <tr>
        <td>1</td>
        <td style="word-break: break-all;">Wolfeschlegelsteinhausenbergerdorff</td>
    </tr>
</tbody>
</table>