问题描述:

上传一个关键词csv文件,以换行符为分割点,上传后将文件内容展示在页面上,
在safari浏览器下显示结果异常,关键词都在一行显示,没有换行

排查原因:

代码里不知怎么添加了white-space:nowrap;这个属性导致了bug现象。

复现验证:

Safari浏览器 显示
例子: 蓝天 白云 花朵   
chrome浏览器 显示
例子: 蓝天 
      白云 
      花朵

总结:

 white-space:nowrap;
 文本不会换行,文本会在同一行上连续,直到遇到<br>标签位置

clipboard.png

safari浏览器没有对 white-space:nowrap属性生效

疑问:
为什么在safari浏览器中没有生效呢?


半亩花田
30 声望4 粉丝