简介：本人刚入前端没多久，在做APP的开发的时候，经常遇到一些奇怪的问题，本人经验少，会使用js来解决css上的问题，但，却不知道其实有些css已经帮我们解决了。
1，white-space: nowrap;
| 值 | 描述 |
|---|---|
| normal | 默认。空白会被浏览器忽略。 |
| pre | 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 |
| nowrap | 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。 |
| pre-wrap | 保留空白符序列，但是正常地进行换行。 |
| pre-line | 合并空白符序列，但是保留换行符。 |
| inherit | 规定应该从父元素继承 white-space 属性的值。 |
此属性，解决了我们显示数据的时候，由于后台数据中有空格而造成的布局错落，或则难看，可以使用其属性来忽略掉
2，text-overflow:ellipsis;
| 值 | 描述 | 测试 |
|---|---|---|
| clip | 修剪文本。 | 测试 |
| ellipsis | 显示省略符号来代表被修剪的文本。 | 测试 |
| string | 使用给定的字符串来代表被修剪的文本。 |
此属性非常有用，记得在开发APP的时候，有数据列表展示，每个数据都有图片和文字描述，但是文字太多了，我们不需要那么多的字，刚开始的时候，我使用js来控制文字的个数，但是很不明智啊，不过这个有缺点是，不支持多行修剪。
时间： 2024-10-13 12:33:42