如果我知道移动设备上的屏幕尺寸如何分隔一行文本

Question

如果我知道移动设备上的屏幕大小，如何在 html 页面中分隔一行文本。没有空格和标点符号的文本。例如：

“TestthisstringWithTheMobileDeviceNotMoreThan480pixelsAndThisStringCanBeEvenLongerItDependsOnlyOnMyFantasy”。

我这样做是因为我需要一种方法来创建过滤器，并且过滤器内部可以是一切。我希望这是可能的，但如果它不让我知道，请。如果您对这个问题有另一个更好的决定，请写信给我。

Answer 1

不必自己断弦。 您可以使用 CSS 属性 word-wrap (reference at w3schools) 来控制字符串中断。

您似乎正在寻找会破坏字符串的break-word 设置 即使没有空格。

<div style="width: 100px; word-wrap: break-word;">
  ALongStringThatShouldExceedTheFixedWidthOfThisBox
</div>

事实上，StackOverflow 使用该属性来打破您问题的长字符串示例。