Html 溢出换行：断开word不'；t效果文本

我有这个css代码

.LogLink{
字体系列：信使；
空白：预处理；
字体大小：11.6px；
边框：2个实心rgb（44,44,44）；
背景色：rgb（240240240）；
填充物：5px；
边缘顶部：5px；
边缘底部：5px；
左边距：20px；
右边距：20px；
溢出包装：断开单词；
}

LogLink:$BuildID
[Env]Lorem ipsum door sit amet，一位杰出的领导者
[Env]Lorem ipsum dolor sit amet，献祭精英
[Env]Lorem ipsum dolor sit amet，献祭精英
[Env]Lorem ipsum dolor sit amet，献祭精英

尝试在包含

标签的容器上设置

最大宽度

，甚至在

标记本身上。同时使用

width

和

max width

将允许其响应；

宽度：400px

---

最大宽度：85%

使用

空白：预包装或
空白：前置行

下面是一个代码笔，显示了一个带有
预包装的示例：

下面是我示例中的CSS：

.LogLink {
    font-family:courier;
    white-space: pre-wrap;
    font-size: 11.6px;
    border: 2px solid rgb(44, 44, 44);  
    background-color:rgb(240, 240, 240);  
    padding:5px;  
    margin-top:5px;  
    margin-bottom:5px;  
    margin-left:20px;  
    margin-right:20px;  
    overflow-wrap: break-word;
  }

预包装和预包装的区别如下所述：

是否使用
pre-wrap
或
pre-line
取决于您希望保留还是折叠空白序列。这在很大程度上取决于原始输出（来自数据库）的外观。我建议两种都试试。这两种浏览器都很好地支持。请参阅caniuse.com上的报告：


您应该在
文本
而不是
图像
中提供输出。这会帮助你快速得到答案。我网站上的图片@MasudurRahmanyes，这就是我的建议。问题是
空白：pre
，应该是
空白：前置行。我为你做了一个。请使用相关文本更新HTML。问题是
空白：pre
，应该是
空白：前置行。谢谢你的评论，@MadsSander。我已经编辑了我的回复，以提供有关预换行和预换行选项的解释。两者都适用，但最佳选择将在很大程度上取决于在原始输出中如何处理空白字符。