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

Question

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

“TestthisstringWithTheMobileDeviceNotMoreThan480pixelsAndThisStringCanBeEvenLongerItDependsOnlyOnMyFantasy”。

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

Answer 1

不必自己断弦。您可以使用 CSS 属性自动换行 (reference at w3schools) 来控制字符串断开。

您似乎在寻找中断字符串的 break-word 设置即使没有空白。

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

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