css识别换行

数据库内容：自由搏击，即踢拳，是站立式格斗，指一方倒地便不允许另一方击打，同时不能使用反关节技、肘、膝等，对摔法也有一定程度的禁止。自由搏击又称国际自由搏击，欧美全接触自由空手道等。
自由搏击它不拘泥于任何固定的套路招式，而是提倡在实战中根据战况临场自由发挥，风格开放，灵活施展拳、脚、肘、膝和摔跌等各种立体技术，长短兼备，全面施展，以最终击倒或战胜对手为目的。“告诉我基本原理，我将得出适合我自身的独特的技法。”这就是自由搏击拳学理念的最佳概括表达。在此思想指导下，经过数十年的实践和取长补短，自由搏击已然形成完美的理论和技战术体系以及竞赛规则办法。其实“自由搏击”可以用拳法和腿法等技法。

前台显示：

数据库内容：自由搏击，即踢拳，是站立式格斗，指一方倒地便不允许另一方击打，同时不能使用反关节技、肘、膝等，对摔法也有一定程度的禁止。自由搏击又称国际自由搏击，欧美全接触自由空手道等。自由搏击它不拘泥于任何固定的套路招式，而是提倡在实战中根据战况临场自由发挥，风格开放，灵活施展拳、脚、肘、膝和摔跌等各种立体技术，长短兼备，全面施展，以最终击倒或战胜对手为目的。“告诉我基本原理，我将得出适合我自身的独特的技法。”这就是自由搏击拳学理念的最佳概括表达。在此思想指导下，经过数十年的实践和取长补短，自由搏击已然形成完美的理论和技战术体系以及竞赛规则办法。其实“自由搏击”可以用拳法和腿法等技法。
1
用css（style=“white-space: pre-wrap;”）识别换行

<p style="white-space: pre-wrap;">{{course.speakerIntroduction}}</p>
1
显示如下：

数据库内容：自由搏击，即踢拳，是站立式格斗，指一方倒地便不允许另一方击打，同时不能使用反关节技、肘、膝等，对摔法也有一定程度的禁止。自由搏击又称国际自由搏击，欧美全接触自由空手道等。
自由搏击它不拘泥于任何固定的套路招式，而是提倡在实战中根据战况临场自由发挥，风格开放，灵活施展拳、脚、肘、膝和摔跌等各种立体技术，长短兼备，全面施展，以最终击倒或战胜对手为目的。“告诉我基本原理，我将得出适合我自身的独特的技法。”这就是自由搏击拳学理念的最佳概括表达。在此思想指导下，经过数十年的实践和取长补短，自由搏击已然形成完美的理论和技战术体系以及竞赛规则办法。其实“自由搏击”可以用拳法和腿法等技法。

其他换行

1.word-wrap
normal 在半角空格或连字符的地方进行换行
break-word 不截断英文单词换行
2.word-break
normal 中文到边界上的汉字换行，英文从整个单词换行
break-all 强行截断英文单词换行
keep-all 不允许字断开
3.while-space
normal 默认值
pre 文本空白处会被浏览器扣留
nowrap 文本会在同行上直到遇到换行符
pre-line 合并空白符序列，保留换行符
pre-wrap 保留空白符序列，正常进行换行
inherit 继承父元素的while-space属性
————————————————
版权声明：本文为CSDN博主「一瓶橄榄菜」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/DingKG/article/details/82461723