Html 如何包装长单词并保持正常单词不包装

在下面的示例中，我需要包装长单词，以便

故事

保持原始

填充

和

宽度

wordbreak:break all

-工作正常，但不希望出现的结果是-文本的其余部分被正确包装
例如，lorem包装在

l

-

orem

或

lore

-

m

如何包装长单词并保持正常单词不包装

.grid{
显示：网格；
网格模板柱：1fr 1fr；
}
格里达先生{
背景：橙色；
}
.故事{
填充：25px；
溢出包装：断开单词；
单词包装：打断单词；
单词break：打破一切；
}

知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。在reprehenderit的Duis aute irure dolor

将

分词

更改为

分词

：

.grid{
显示：网格；
网格模板柱：1fr 1fr；
}
格里达先生{
背景：橙色；
}
.故事{
填充：25px；
溢出包装：断开单词；
单词包装：打断单词；
断字：断字；
}

知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。在reprehenderit的Duis aute irure dolor