Html 如何使用CSS在n个字符后中断？

我需要每隔20个字符打破我的表格单元格

我发现CSS中有一个单元允许我限制我的

max width

，如下所示：

td {
    max-width: 20ch;
}

这样做会限制单元格的宽度，但不会打断/环绕字符串。我试图应用

wordwrap:break-word

，但这对我也没有帮助

td {
    max-width: 20ch;
    word-wrap: break-word; /* does not work */
}

顺便说一下：我的大多数单元格都包含没有空格的字符串。也许这是必要的信息

编辑

很抱歉编辑得太晚，但经过一些调查，我发现我的

具有css属性

空白：nowrap我的表格库。这导致我的
换行：断字以释放效果


td{
边框样式：实心；
最大宽度：20厘米；
单词包装：打断单词；
}

A.lksjf；dsfasd；lakfjdskl；fadslkfjdsa；lkfdsfa；lkdsjfads；

td{
边框样式：实心；
最大宽度：20厘米；
单词包装：打断单词；
}

A.lksjf；dsfasd；lakfjdskl；fadslkfjdsa；lkfdsfa；lkdsjfads；
单元
ch
不是那样工作的

表示元素字体中glyph“0”（零，Unicode字符U+0030）的宽度，或者更精确地说是前进度量

这意味着它将计算“0”的宽度（基于字体）并将其乘以值（在您的情况下为20倍）。这意味着您可以将“0”放入其中20次。它不会在任何20个字符后中断。仅使用
css
（只要字符宽度不相同），就不可能在20个字符后打断单词。您需要一些可编程的东西，如PHP或JavaScript来实现这一点。
Unit
ch
不是这样工作的

表示元素字体中glyph“0”（零，Unicode字符U+0030）的宽度，或者更精确地说是前进度量

这意味着它将计算“0”的宽度（基于字体）并将其乘以值（在您的情况下为20倍）。这意味着您可以将“0”放入其中20次。它不会在任何20个字符后中断。仅使用
css
（只要字符宽度不相同），就不可能在20个字符后打断单词。您需要一些可编程的东西，如PHP或JavaScript来实现这一点。
您可以使用一种
monospace
字体，以相同的宽度呈现所有字符，并且
word wrap:break word
，但是由于某些原因，代码段中的
20ch
将产生16个字符，因此，您需要找到一个允许20个字符的设置，这在我的设置（Mac上的Firefox）中是
24ch
：


td{
字体系列：monospace；
边框：1px实心#ddd；
最大宽度：24厘米；
单词包装：打断单词；
}

Oiuhncouhoosfwrev987 OindvouhnweoriuhenaörlvjneriunovwöoiunoiSAJunwrvwoiunVA
您可以使用
monospace
字体，以相同的宽度呈现所有字符和
word wrap:break word
，但由于某些原因，代码段中的
20ch
将产生16个字符，因此您需要找到一个允许20个字符的设置，这在我的设置中（Mac上的Firefox）is
24ch
：


td{
字体系列：monospace；
边框：1px实心#ddd；
最大宽度：24厘米；
单词包装：打断单词；
}

Oiuhncouhoosfwrev987 OindvouhnweoriuhenaörlvjneriunovwöoiunoiSAJunwrvwoiunVA
您是否尝试过
换行：全部中断
？这将工作，以打破你的文本和转移到第二行。请显示完整的HTML。它似乎适合我：如果我正确，则“最大宽度”仅适用于块元素。对于表格，有宽度，但如果需要，它们会增长以适应内容。将宽度和换行组合可能更好。您是否尝试过
wordwrap:break all
？这将工作，以打破你的文本和转移到第二行。请显示完整的HTML。它似乎适合我：如果我正确，则“最大宽度”仅适用于块元素。对于表格，有宽度，但如果需要，它们会增长以适应内容。将宽度和换行组合可能更好。这些属性与OP使用的属性完全相同。您可以将
td
的样式设置得很好。不需要额外的div。我假设OP的HTML而不是CSS中存在问题。与
td
配合使用效果很好：感谢您最初没有看到。这些属性与OP使用的属性完全相同。您可以将
td
的样式设置得很好。不需要额外的div。我假设OP的HTML而不是CSS中存在问题。适用于
td
：感谢您最初没有看到这一点。谢谢您提供的有用提示，先生！谢谢你的提示，先生！