我可能有一些奇怪的任务，但我相信没有更好的解决方案。我需要<ul>在一些容器中具有可变宽度和固定宽度的内联<li>元素。<li>我应该（并且已经找到解决方案）在相同宽度的元素之间放置空格。空间的宽度是动态变化的，取决于父容器的宽度。同样，这些<li>项目具有固定宽度。
我还应该在这些描述的元素上方放置一些链接。由于某些原因，链接必须在其他<ul>元素中。它们还包裹在内联<li>元素中。我希望它们位于描述的<li>项目之上。这可以通过<li>如上所述设置项目的固定宽度来完成。现在，问题是每个链接中的文本实际上都有不同的宽度并且会分成两行，但我必须将它放在一行中。
所以我想欺骗浏览器：文本会溢出<li>项目。
.liElem {
width: 100px;
height: 20px;
overflow: visible;
}
但是，正如您可能猜到的那样，文本分成两行并且实际上溢出了列表项的底部，而不是右侧。
我想要的效果可以通过 在文本中插入空格来完成，如下所示<li><a href="#">Add to Favourites</a></li>：
所以，我的问题是：如何在 css-way 中使通常的文本不分成几行？