vue 组件超过宽度自动换行
    在 Vue 组件中，如果要让内容超过宽度自动换行，可以使用 CSS 的 `word-wrap` 属性和 `overflow-wrap` 属性。具体实现步骤如下：
    1. 在组件的 `<style>` 标签中添加样式：
    ```css
.example {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
```
    2. 在需要自动换行的元素上添加类名 `example`：
    ```html
<template>
  <div class="example">
css横向滚动条隐藏    这是一段超过宽度的文本，如果不设置自动换行，就会出现横向滚动条。
  </div>
</template>
```
    这样，当文本内容超过容器宽度时，就会自动将文本换行显示，而不是出现横向滚动条。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。