css超出换行

在CSS中，当文本内容超出指定的宽度时，可以使用换行来展示超出部分的内容。下面是一种常见的CSS换行方式：

```css

p {

width: 200px;

white-space: pre-wrap;

word-wrap: break-word;

}

```

- `white-space: pre-wrap` 属性用于处理元素内的空白符，以及保留文本中的换行符。换行符和空白符会按照文本中的原始格式进行展示。

- `word-wrap: break-word` 属性用于在需要的位置强制换行。

通过使用这两个属性，CSS可以实现超出指定宽度时的换行效果。

当需要在HTML文档中的某个元素内展示长文本时，可以使用以上的CSS样式。例如，如果要在页面中展示一个1000字的长文本，可以将它包裹在一个p元素内，并将p元素的宽度设置为适当的值，如下所示：

```html

Lorem ipsum dolor sit amet

consectetur adipiscing elit. Sed tempus odio eget justo maximus pretium... （这里省略了余下的文本，总字数为1000字）

```

然后，将上述的CSS样式应用到这个p元素：

```css

.long-text {

width: 200px;

white-space: pre-wrap;

word-wrap: break-word;

}

```

这样，当长文本超出p元素的宽度时，就会自动进行换行，确保文本内容能够完整展示出来。

当然，这只是一种实现方式，还有其他的CSS属性和技巧可以用来实现类似的效果。具体的实现方式可以根据具体情况进行调整和优化。