我对CSS和html相当陌生，我正在尝试创建一个下拉菜单，每个下拉菜单具有3或4列链接。我希望各列彼此内联。我已经设法做到这一点，但每一列中的链接都在两行或更多行上，我希望它们显示在一行上。
我一直在弄乱CSS，但似乎无法弄清楚如何使它们在每个链接的一行上显示。
在我的鳕鱼中，您将看到我正在使用的东西：http://codepen.io/anon/pen/vLQGqM
我能做的最好的就是
.tlgnav .tlgnav-column {
width: 100%;
}，但这会使列彼此堆叠，这不是我想要的。
我认为这可能与我的.tlgnav li设置为16.66％的宽度有关，但是如果我更改它，则我的菜单将无法填充屏幕的宽度。
谁能告诉我我在做什么错？
最佳答案
您可以使用white-space : nowrap避免换行，但这也许是一种更好的方法。我用此解决方案回答，但如果有人得到更好的解决方案，请遵循它。
http://codepen.io/anon/pen/BjGzgZ
.tlgnav h3 + ul li {
white-space:nowrap;
}