内容管理 - 请问小程序内如何实现内容超出view高度后自动分割？

Question

请问小程序内如何实现内容超出view高度后自动分割？

如题，我想实现这样的一效果，就是这个view高度有个最大值（200px），填充内容一旦超过200px就会再另一个view中继续显示

Answer 1

您可以使用 CSS 的 overflow 属性来实现这个效果。当内容超出元素的高度时，overflow 属性决定了如何处理超出部分。您可以将 overflow 设置为 auto 或 scroll，以在需要时显示滚动条。

例如，如果您有一个高度为 200px 的 div，并且您希望当内容超出这个高度时，用户可以滚动查看所有内容，您可以使用以下 CSS 样式：

div {  height: 200px;  overflow: auto;}

如果您的内容被切割，用户可以通过滚动查看被隐藏的部分。如果您希望内容在超出视口高度时自动换行到下一个 div，您可以使用 word-wrap 或 overflow-wrap 属性。例如：

div {  height: 200px;  overflow-wrap: break-word;}

这将在必要时自动换行。如果您的内容包含长单词或 URL，并且您希望它们始终在一行内显示，即使这意味着其他内容可能会溢出，则可以设置 word-wrap 为 nowrap。