我对css和html很新，我正在尝试创建一个下拉菜单，每个下拉列表有3或4列链接。我希望列彼此内联。我已经设法完成了这一点，但每列中的链接都在两行或更多行上，我希望它们显示在一行上。
我一直在搞乱css，但似乎无法弄清楚如何让它们在每条链接上显示一行。
在我的编码中，您将看到我正在使用的内容：http://codepen.io/anon/pen/vLQGqM
我能做的最好的事情就是
.tlgnav .tlgnav-column {
width: 100%;
}
，但这会使列堆叠在一起，这不是我想要的。
我想这可能与我的.tlgnav li设置宽度为16.66％有关，但是如果我改变了，我的菜单就不会填满屏幕的宽度。
谁能告诉我我做错了什么？
答案 0 :(得分：0)
您可以使用white-space : nowrap来避免换行，但也许这是更好的方法。我回答这个解决方案，但如果有人得到更好的东西，请遵循它。
http://codepen.io/anon/pen/BjGzgZ
.tlgnav h3 + ul li {
white-space:nowrap;
}