如何在调整大小时防止将锚标记文本拆分为两行？

Question

我有一个锚标记，其中显示登录人员的姓名。问题是，当我调整浏览器窗口的大小时，名称会分为两行。怎么预防呢？

Answer 1

看看这个JSFiddle。 https://jsfiddle.net/rickydam/4xbztwbb/2/

<小时/> HTML

<a href="https://rickydam.com" class="dontwrap"> Ricky Dam </a>

CSS

.dontwrap {
  white-space: nowrap;
}