在<template>中,有一个拥有固定高宽度的盒子,里面的hello绑定了一个对象中的属性
<div>{{ big.hello }}</div>
const big={hello:aaaaaaaaaaaaaaaaaaaaaa}
当hello的长度超过盒子长度时,会出现滚动条而不会自动换行。
在盒子中添加了以下代码,成功解决问题
word-wrap: break-word; /* 当单词太长无法在一行内容纳时,自动将单词拆分成多行 */ word-break: break-all; /* 允许在单词内换行 */