html中文字不自动换行 white-space style

记录一下今天前端开发的时候遇到的一些问题以及解决方法。

如下图所示，资源描述，不能显示在一行，我们需要指定一下它的样式来达到我们想要的样子。

white-space

我们通过对white-space这个style样式来使其不自动换行

下面是参考其他的博客总结的其值表示的样式：

值	描述
pre	文字空白部分会被浏览器保留
nowrap	文本不会换行，直到遇到换行标签
pre-wrap	保留空白符序列，但是正常地进行换行
pre-line	合并空白符序列，但是保留换行符

我们所需要的属性就是nowrap。

我们指定他的css样式

span {
  font-size: 20px;
  white-space: nowrap
}

结果如下：