在前端开发中，我们经常需要对页面进行排版和布局，其中，CSS是不可或缺的一部分。但是，在使用CSS进行排版的过程中，我们经常会遇到一些问题。 其中一个问题就是CSS换行没有缩进的情况。这种情况通常发生在我们使用pre标签来显示一些代码的时候。在这种情况下，如果我们直接使用CSS的换行属性，那么代码的样式可能会出现一些问题，比如空格显示不正常、代码行之间没有缩进等。 为了解决这个问题，我们可以使用CSS中的white-space属性来实现代码的换行缩进。具体方法如下： 首先，我们需要在对应的CSS文件中添加如下代码： pre { white-space: pre-wrap; word-wrap: break-word; font-family: "Courier New", Courier, monospace; font-size: 14px; } 在这个代码中，white-space属性用于定义元素中的空白如何处理。在我们的例子中，我们将它的值设置为pre-wrap，表示保留空白和换行，同时允许文本自动换行。 在代码中加入如此CSS样式后，我们还可以使用tab字符（制表符）来进行代码的缩进。如果我们在代码中使用tab字符，那么它将会自动转换为相应数量的空格，并按照我们在CSS中设置的字体大小和行高进行排版。 总的来说，通过给pre标签添加white-space属性，我们可以轻松地实现代码的换行缩进，大大提高代码的可读性和可维护性。