在网页制作中，文本内容是非常重要的内容之一。但是当我们在撰写文本内容时，有时候遇到了比较长的单词或链接等，会导致该行文字过长，超出页面宽度，这时如果不处理，会对整体页面的展示效果产生影响。因此，我们需要使用 CSS 的样式来控制文本的显示效果。
CSS 中有很多属性来控制文本的显示效果，其中让文本自动换行有两种方式：word-wrap 和 white-space 属性。
word-wrap 属性：
该属性定义了如何处理过长的单词或链接。默认值为 normal，即不断开单词或文本链接，使其尽可能适应容器的宽度。
如果需要换行，可以使用以下属性值：
1. break-word：如果一行过长，会强制断开单词或文本链接。
2. anywhere：无论何时都可以断开单词或文本链接。
white-space 属性：
该属性表示如何处理元素内的空格和换行符。默认值为 normal。可以使用以下属性值：
1. normal：自动处理空格和换行符，忽略额外的空格和换行符。
2. pre：保留空格和换行符，且文本将按照预定义的格式显示。这种方式可以使用 pre 标签实现。
总之，在网页制作中，让文本自动换行是非常重要的，它可以使网页更加美观和易于阅读。因此，我们需要结合实际需要选用合适的属性值来控制文本的自动换行。
文章说明:
本文原创发布于探乎站长论坛，未经许可，禁止转载。
题图来自Unsplash，基于CC0协议。
该文观点仅代表作者本人，探乎站长论坛平台仅提供信息存储空间服务。
