我正在尝试构建一个简单的水平列表,其中每个列表项都是div,我希望它们全部彼此相邻.当我尝试使用下面的代码时,div最终会分开.这是我得到的： HTML： <ul id="navlist"
... . . 我正在尝试构建一个简单的水平列表,其中每个列表项都是div,我希望它们全部彼此相邻.当我尝试使用下面的代码时,div最终会分开.这是我得到的：
HTML：
<ul id="navlist"><li><div>...</div></li><li><div>...</div></li><li><div>...</div></li></ul>
CSS：
#navlist li{display: inline;list-style-type: none;padding-right: 20px;} 我试图给我的div一个最大宽度和宽度,但这也不起作用.基本上,它们在单独的线条上没有子弹点出现.
一些帮助解决这个问题将非常感谢,谢谢!!
.解决方法
.#navlist li { display:inline }#navlist div { display:inline } 制作< li>离开< div>时内联因为块是你的问题.
或者,您可能希望< li>的内联块.如果你要控制尺寸或边距.
您可能也对此演示感兴趣：http://phrogz.net/JS/ul2menu/purecss_testsuite.html
我不确定为什么你有< div>你的< li>里面,但我认为你有理由.
. . .. ...