行盒的截断样式

实现目标：想在这段文本中实现某一部分的文本显示高亮效果。

所以我给那段文本加了个高亮效果

但是出来的效果还是差了点意思：他在换行的地方被截断了。

 解决办法：就是增加个css属性，box-decoration-break: clone;

这样就好看多了。

box-decoration-break: clone;属性详解：

box-decoration-break 是一个 CSS 属性，用于控制在元素的装饰效果（例如边框、背景等）在文本分行或盒子分割时的行为。它主要用于处理包含文本的元素，特别是在多行文本的情况下。

语法

box-decoration-break: [slice | clone];

值

• slice: 默认值，背景和边框在盒子的边缘进行切割，意味着如果内容换行，装饰效果只应用于实际的盒子区域。
• clone: 装饰效果在每一行文本的区域上进行复制，适用于需要在每一行上都显示装饰效果的情况。