css中文本如果超过自动换行

在CSS中，文本自动换行是一个常见的功能，特别是在处理段落等大块的文本时。超出指定宽度的文本会自动换行到下一行，以保证整体的美观和可读性。
当使用p标签表示段落时，可以在CSS中设置最大宽度，从而自动换行。例如，我们可以将代码写成下面这样：

p {
  max-width: 600px;
  word-wrap: break-word;
} 

在这里，我们设置了最大宽度为600像素，并开启了`word-wrap: break-word`。这个属性可以让长单词或单词组合在末尾换行，而不是溢出到容器的边界上。
但是，如果你想在文本中显示代码块，那么换行问题可能会更加复杂。毕竟，你不希望一行代码被截成几块，影响代码的可读性。
此时，可以考虑使用pre标签。它表示“预格式化文本”，会保留文本中的空格、换行符等格式。因此，代码块就可以在pre标签的帮助下，保持原有的结构和格式。
例如，我们可以使用下面的代码来显示一段HTML代码：

<pre>
<div class="container">
  <h1>Hello, world!</h1>
  <p>This is a sample paragraph.</p>
</div> 

然后，在CSS中加入以下代码：

pre {
  font-size: 16px;
  line-height: 1.5;
  padding: 15px;
  background-color: #f5f5f5;
  overflow: auto;
  word-wrap: normal;
} 

在这里，我们设置了字体大小、行高、内边距、背景颜色等参数。同时，开启了`overflow: auto`属性，可以在需要时自动添加滚动条。另外，`word-wrap: normal`表示在pre标签内不进行自动换行。
综上所述，无论是使用p标签还是pre标签，CSS都能够帮助我们处理文本自动换行的问题。根据实际情况选用合适的元素和CSS属性，可以让你的文本更加美观、易读。