添加文本时Div移动，自动换行不起作用

在前端开发中，当我们向一个 <div> 元素中添加文本时，如果文本内容超出了 <div> 的宽度，文本默认会在同一行上显示，而不会自动换行。要实现文本的自动换行，可以通过设置 CSS 属性来实现。

一种常见的方法是使用 CSS 的 word-wrap 属性，将其设置为 break-word。这样，当文本超出 <div> 的宽度时，会自动在单词之间进行换行，以适应容器的宽度。示例代码如下：

<style>
  .text-container {
    width: 200px; /* 设置容器的宽度 */
    word-wrap: break-word; /* 设置文本换行 */
  }
</style>

<div class="text-container">
  添加文本时Div移动，自动换行不起作用
</div>

在上述示例中，我们创建了一个宽度为 200px 的 <div> 容器，并将 word-wrap 属性设置为 break-word。这样，当文本超出容器宽度时，会自动进行换行。

此外，还可以使用 CSS 的 overflow-wrap 属性，将其设置为 break-word，达到相同的效果。示例代码如下：

<style>
  .text-container {
    width: 200px; /* 设置容器的宽度 */
    overflow-wrap: break-word; /* 设置文本换行 */
  }
</style>

<div class="text-container">
  添加文本时Div移动，自动换行不起作用
</div>

以上是实现文本自动换行的方法，适用于各种前端开发场景。对于腾讯云的相关产品和产品介绍链接地址，可以参考腾讯云官方文档或官方网站获取更详细的信息。