Html 文本宽度大于表列的最大宽度

我有一个表，正在使用

指定列宽。我的问题是，设置为5%宽度的列中有一列的标题包含16个字符，比分配的5%宽度更宽，使列宽更宽。如何使标题以适当的宽度包装，并遵守5%的宽度？我希望表格能够响应，并且不希望以像素为单位设置宽度。我尝试使用一个连字符来打断它并将文本包装在下面，但该连字符不利于屏幕阅读器。

使用“vw”元素（视口宽度）、“vh”（视口高度）、“vmin”（vw或vh中的较小者）、“vmax”（较大者或vw或vh）等

1 v=包含块的1%

使用它看起来像这样：

p {font-size: 2vw;}

这些值是一个大小调整单位，就像px或em一样，因此它也可以用于调整其他元素的大小，例如宽度、边距或填充

以防它不起作用，使用类似于

p {font-size: 16px; font-size: 2vw;}

---

或者，您可以使用换行：断开单词；这将使它流到下一行

尝试

最大宽度

，但这取决于。。。最好展示一个完整但简洁的代码示例，它可以复制我正在使用的issueThanks。fixedWidth{word wrap:break word；max width:3vw；}您正在使用它，它现在按照您希望的方式工作？如果是，请回答正确