是否可以使用
table-layout: fixed;
width: 100%;
在表上，是否具有自动调整列大小以最适合内容的功能，如表未设置为固定的话？
该表需要设置为固定的，因此其宽度增加的幅度不会大于其父表的宽度。
或者，换句话说：
是否可以使用table-layout：auto但设置最大宽度，即使表中保留了没有空格的长字符串，该宽度也将遵守。
不，您不能将两种不同的表格布局模式结合使用。在自动版式（table-layout: auto，默认设置）中，列宽由浏览器选择，因此对于单元格中的所有内容都足够大；您所做的任何宽度设置都将被视为最小宽度，该最小宽度可能会使列变宽。这也意味着在必要时将超出表格的任何宽度设置。在固定布局（table-layout: fixed）中，根本不考虑单元格内容。将使用指定的宽度，或者在没有宽度设置的情况下，将总宽度平均分配到各列。
结论是，当您想要自动布局或“最佳匹配”，但又不想超出某个给定的限制时，您需要确保列宽要求的总和不超过它。例如，如果您的长字符串没有空格，请考虑在适当的位置插入可选的换行符，例如，使用​或<wbr>，如果内容允许换行符。
您也可以考虑为单元格的内容设置最大宽度。这不能直接设置（在自动布局中），但是可以通过使用<td><div>...</div></td>和在上设置约束来完成div。如果内容中有例如长的不可分割的字符串，则默认情况下内容将溢出，但是表格单元格的宽度仍然由宽度约束确定。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句