关于不同游览器兼容的问题,a标签自动换行

今天遇到一个小问题,同样一份代码,a标签显示的内容在火狐、edge中正常显示,在chrome游览器中自动切为俩行

并未对width做出设置,不知道在哪篇文章中看到,记录一下问题

在a标签内添加属性white-space: nowrap;

white-space 属性 : 设置如何处理元素内的空白,所有的浏览器都支持,不会存在兼容性问题。

值                描述
normal         默认。空白会被浏览器忽略。
pre              空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap        文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。
pre-wrap     保留空白符序列,但是正常地进行换行。
pre-line       合并空白符序列,但是保留换行符。
inherit          规定应该从父元素继承 white-space 属性的值。

原文地址:https://www.cnblogs.com/hjc-12580/p/11887321.html