防止 tag中的自动换行符>> [

Question

我有一个html code标记，包裹在具有固定宽度的pre标记中，并且丑陋的自动换行符：

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9ZVTVIei5wbmcifQ==” alt =“丑陋的换行符！”>

我想要实现的是，文本不会在空格处自动打断，但是当我在white-space: nowrap元素上添加code时，整个内容会折叠成一行，因此所有\ n和\ r字符也将被忽略：

有人知道如何防止自动换行，但要保留预期的换行吗？

我有一个html代码标签，包装在具有固定宽度的pre标签中，并且越来越难看到自动换行：我想要实现的是，文本不会在空格处自动打断，而是在我...时自动打断。 >

Answer 1

问题是由Twitter引导程序引起的。无论出于何种原因，他们在代码标签中添加了以下样式：

white-space:pre;
white-space:pre-wrap;
word-break:break-all;
word-wrap:break-word;

Answer 2

我希望这对您有帮助。 Demo