overflow-wrap
时间: 2023-06-20 19:06:50 浏览: 45
`overflow-wrap`是CSS中的一种属性,用于指定文本在容器边界处换行的方式。它有两个可能的取值:
- `normal`:默认值。文本将在任何非换行字符处换行,如果没有空间容纳整个单词,则会溢出到容器外部。
- `break-word`:如果一个单词太长以至于无法放在一行上,它将被划分成多个部分,使其适合容器的宽度。
`overflow-wrap`与`word-wrap`的作用相同,只是`word-wrap`是旧版本的属性名,现在已被弃用,建议使用`overflow-wrap`代替。
相关问题
overflow-wrap: break-word;
overflow-wrap: break-word;是CSS属性,用于在单词边界处自动换行,以避免文本溢出容器。如果单词太长,它将在单词边界处断开,并在下一行继续。这是一种非常有用的属性,可以确保文本在不同屏幕大小和设备上都能正确显示。
uniapp如何过滤掉富文本里的overflow-wrap: break-word
可以通过在富文本渲染的时候,将其中的样式属性`overflow-wrap: break-word`过滤掉来实现。具体实现步骤如下:
1. 获取富文本内容,可以使用`uni-html-parser`库进行解析,得到一个包含富文本内容的节点树。
2. 遍历节点树,找到所有样式属性中包含`overflow-wrap: break-word`的节点,将该样式属性从节点的样式属性列表中删除。
3. 重新生成处理后的节点树,并将其渲染到页面上。
需要注意的是,由于`uni-html-parser`库解析的节点树中可能存在多层嵌套的情况,因此在遍历节点树时需要考虑到父节点和子节点之间的关系,以免漏掉某些节点。