Kendo ui 将内容像文本一样包装在页面中？

我用一些页面创建了一个滚动视图。在第一页中有如下内容：

一个很长的文本，不能出现在屏幕上，[…]

但是文本不适合整个屏幕，它看起来像这样：

<div data-role="page" style="white-space : normal;">
    <p>SOME VERY LONG TEXT</p>
</div>

如果禁用滚动视图：

white-space: nowrap;

你知道如何包装页面内容以适应屏幕吗？

我找到了

剑道UI的CSS中包含以下内容（用于滚动视图）：

但是你不能改变它，因为它会破坏所有的滚动视图。 您必须按如下方式更改div页面：

<div data-role="page" style="white-space : normal;">
    <p>SOME VERY LONG TEXT</p>
</div>

一些很长的文本

---

为你想要包装的每一页制作这张图片（对于像iPhone这样的小屏幕非常有用）

你能将图片嵌入问题中吗？影像棚为我屏蔽了。另外，如果你能将你的代码作为一个sFiddle发布，我们将很容易为你提供一个解决方案。我添加了图片，但我也找到了答案。无论如何，谢谢你：）