<table> <tr> <td width="100px"> A </td> <td width="50%" > B </td> <td width="100px"> C </td> <td width="50%" > D </td> </tr></table>
<table> <tr> <td width="100px"> A </td> <td width="50%" > B </td> <td width="100px"> C </td> <td width="50%" > D </td> </tr></table>
table 的宽度是 100% 适应屏幕的。
table 的宽度是 100% 适应屏幕的。
<table width="100%" > <tr> <td width="100px"> A </td> <td style="background-color:red" > B </td> <td width="100px"> C </td> <td style="background-color:green"> D </td> </tr></table>
<table width="100%"> <tr> <td width="100"> A </td> <td> B </td> <td width="100"> C </td> <td> D </td> </tr></table>
B 和 D 列不指定宽度的话，可以保证他们平分吗，比如D列的内容很长需要换行显示的。
你的不就可以吗？加上边框就可以观察到
不指定宽度就会按内容分配
B 和 D 列不指定宽度的话，可以保证他们平分吗，比如D列的内容很长需要换行显示的。
<table style=" table-layout: fixed;word-break:break-all;word-wrap:break-word;width:100%" > <tr> <td width="100px"> A </td> <td > B </td> <td width="100px"> C </td> <td > Ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</td> </tr></table>
尽量不要让浏览器自己判断宽度。
常用的做法是，只留一个td不定义宽度，其余的都定义。
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
