Html 限制文本换行的CSS方法

我可能有一点奇怪的任务，但我相信没有更好的解决办法。我需要将

放在一个宽度可变的容器中，并带有固定宽度的内联

元素。我应该（并且已经找到了解决方案）在相同宽度的元素之间放置空格。空间的宽度是动态变化的，取决于父容器的宽度。同样，此

项具有固定宽度

我还应该在上述元素上方放置一些链接。由于某些原因，链接必须位于其他

元素中。它们也包含在内联的元素中。我希望它们位于上述

项的正上方。这可以通过如上所述设置

项目的固定宽度来实现。现在，问题是每个链接中的文本实际上都有不同的宽度，并且会分成两行，但我必须将其放在一行中

所以我想欺骗浏览器：文本将溢出

项

.liElem {
  width: 100px;
  height: 20px;
  overflow: visible;
}

但是，正如您可能猜到的，文本分成两行，实际上溢出的是列表项的底部，而不是右侧

我想要的效果可以通过插入

而不是像这样在文本中插入空格来实现：

---

所以，我的问题是：如何以css的方式使普通文本不分成几行？

您已经设置了宽度：100px；在css中，如果行的宽度超过100px，它会将文本分成几行，因此可能不需要设置宽度。或者可以使用空白：nowrap；属性。我必须使列表项具有固定宽度。正如我所说，我想欺骗浏览器，让它认为他将位置元素的宽度固定为width.thanx！你太棒了！

.nobr  { white-space:nowrap; }