Javascript 网页设计中如何实现文本回流

我想让我的网页具有文本回流的特性，但我不知道如何实现这一点。这是css还是javascript的问题？对于那些不理解我所说的文本回流的人来说，这是移动设备中的自动文本包装，无论缩放如何，都可以在任何屏幕宽度上调整整个文本，而无需向左或向右移动。

---

谢谢

好吧，您可以使用CSS的

word wrap

属性并将其值设置为断开word

例如：

 <p style="word-wrap:break-word"> put your text here</p>

将文本放在这里

好的，您可以使用CSS的

word wrap

属性并将其值设置为断开word

例如：

 <p style="word-wrap:break-word"> put your text here</p>

将文本放在这里

Hmmm。。。对于jQuery来说，这似乎是一项简单的任务……听起来您需要使用HTML/CSS来“自然地”做到这一点（如果您像大多数Webdev一样为页面设置宽度，@Bojangles comment将非常有帮助）。尽量避免使用高度为500px或位置为绝对的布局。您可以搜索的网页设计术语有：

响应性网页设计

和

移动优先

只需制作一个简单的网页文档：

这是一个测试在这里放置大量文本

，在浏览器中打开它，调整窗口大小并观察文本如何自动回流。没有CSS，没有JavaScript！就像魔术一样！我认为上面的评论没有抓住问题的关键，那就是在移动设备上放大时如何让文本进行包装。这是个好问题，我不确定是否有令人满意的答案。您可以使用

阻止页面缩放，但这样根本不允许缩放/缩放。我不知道是否可以允许放大，同时保持所有内容可见（在桌面浏览器上是可能的）。。。对于jQuery来说，这似乎是一项简单的任务……听起来您需要使用HTML/CSS来“自然地”做到这一点（如果您像大多数Webdev一样为页面设置宽度，@Bojangles comment将非常有帮助）。尽量避免使用高度为500px或位置为绝对的布局。您可以搜索的网页设计术语有：

响应性网页设计

和

移动优先

只需制作一个简单的网页文档：

这是一个测试在这里放置大量文本

，在浏览器中打开它，调整窗口大小并观察文本如何自动回流。没有CSS，没有JavaScript！就像魔术一样！我认为上面的评论没有抓住问题的关键，那就是在移动设备上放大时如何让文本进行包装。这是个好问题，我不确定是否有令人满意的答案。您可以使用

阻止页面缩放，但这样根本不允许缩放/缩放。我不知道是否可以允许放大，同时保持所有内容可见（在桌面浏览器上也是如此）。