如何从跨度元素中删除多余的空间

Question

我正在尝试为我的网站创建一个导航栏。导航栏将具有许多链接。每个链接都是一个span元素。现在的问题是，当调整浏览器的大小时，某些文本会换行，从而导致在span元素中引入了一些意外的空格。 这就是正在发生的事情。 （https://imgur.com/BnASxEu）

这是调整浏览器大小时想要的。 （https://imgur.com/Pv7eluJ）

我已经尝试了所有空白和显示属性的组合，但是无法这样做。我不能使用CSS width属性，因为不同文本的宽度可能不同。

实施中的代码 https://jsfiddle.net/yazd6xo5/12/

css：

.we{
  float: left;
  background: aqua;
  border-width: 1px;
  border-style: solid;

}

html

<span class="we">
  Mobile & Computers
</span>