white-space

white-space:pre-wrap; // this it is white-space 属性设置如何处理元素内的空白。 参考链接： 常见样式问题七、word-break、word-wrap、white-space区别 来源： https://www.cnblogs.com/chaoyueqi/p/11362270.html

一、无效原因： 可能是元素中设置的white-space是norwrap，所以无法换行。 二、解决方法：将white-space的值设置成normal自动换行 white-space:normal; // this it is word-break:break-all; //or word-wrap:break-word; 参考链接： word-wrap与word-break的区别，以及无效情况 来源： https://www.cnblogs.com/chaoyueqi/p/11361961.html

文字换行和不换行： white-space:breakall white-space:nowrap 单行超出的文字呈省略号： white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 多行超出的文字呈省略号： display: -webkit-box; -webkit-line-clamp: 3; //显示3行 -webkit-box-orient: vertical; 来源： https://www.cnblogs.com/wkyuan/p/11321973.html

white-space:nowrap; 1： <table style="white-space:nowrap"> <!采用css的内嵌样式指动换行属性> 2：直接在页面中设置统一的字体样式 <style> table{ white-space:nowrap; } </style> 来源： https://www.cnblogs.com/songyinan/p/11933191.html