Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 不确定如何固定li项目宽度_Html_Css - Fatal编程技术网

Html 不确定如何固定li项目宽度

Html 不确定如何固定li项目宽度,html,css,Html,Css,我对css和html非常陌生,我正在尝试创建一个下拉菜单,每个下拉菜单有3或4列链接。我想让这些列互相内联。我已经设法做到了这一点,但每列中的链接都在两行或更多行上,我希望它们显示在一行上 我一直在摆弄css,但似乎不知道如何让它们在每个链接的一行上显示 在我的密码笔中,您将看到我正在使用的内容: 我能做的最好的就是 .tlgnav.tlgnav列{ 宽度:100%; }您可以使用空白:nowrap来避免换行,但这可能是一种更好的方法。我用这个解决方案来回答,但如果有人得到了更好的答案,就按照

我对css和html非常陌生,我正在尝试创建一个下拉菜单,每个下拉菜单有3或4列链接。我想让这些列互相内联。我已经设法做到了这一点,但每列中的链接都在两行或更多行上,我希望它们显示在一行上

我一直在摆弄css,但似乎不知道如何让它们在每个链接的一行上显示

在我的密码笔中,您将看到我正在使用的内容:

我能做的最好的就是

.tlgnav.tlgnav列{
宽度:100%;

}
您可以使用
空白:nowrap
来避免换行,但这可能是一种更好的方法。我用这个解决方案来回答,但如果有人得到了更好的答案,就按照这个解决方案去做


寻求代码帮助的问题必须包含在问题本身中重现代码所需的最短代码。虽然您提供了一个示例的链接,但如果该链接无效,您的问题将对其他将来有相同问题的用户没有任何价值。感谢您让我知道,我以后会记住的。谢谢!我真的不在乎它是如何工作的,只是很高兴有一个选择。它可以不换行,它可以避免换行,因为它有一个空格。更多信息
.tlgnav h3 + ul li {
  white-space:nowrap;
}