SafariSheree 2019-07-01
问题描述:
上传一个关键词csv文件,以换行符为分割点,上传后将文件内容展示在页面上, 在safari浏览器下显示结果异常,关键词都在一行显示,没有换行
排查原因:
代码里不知怎么添加了white-space:nowrap;这个属性导致了bug现象。
复现验证:
Safari浏览器 显示 例子: 蓝天 白云 花朵
chrome浏览器 显示 例子: 蓝天 白云 花朵
总结:
white-space:nowrap; 文本不会换行,文本会在同一行上连续,直到遇到<br>标签位置
safari浏览器没有对 white-space:nowrap属性生效
疑问:
为什么在safari浏览器中没有生效呢?