省略文字…
white-space: nowrap; // 一行显示 overflow: hidden; // 不允许滚动 text-overflow: ellipsis; // 省略符号...
截图
超出滑动
white-space: nowrap; // 一行显示 overflow-x: scroll;// 允许x轴方向滚动
截图
书写格式保留、溢出white-space：pre
截图
书写格式保留、不溢出white-space：pre-wrap
截图
书写格式保留、不溢出、空白符合并成一个white-space：pre-line
截图
总结
1、一般使用在移动前端，文字太多展示不下需要滑动或者省略
w3school中对white-space的解释：https://www.w3school.com.cn/cssref/pr_text_white-space.asp