实现水平列表布局的问题源于您尝试过的无效解决方案,即设置'float' 属性向左移动。更有效的方法需要对列表项使用“inline-block”显示属性。这是包含此修复的代码的修订版本:
<pre class="brush:php;toolbar:false">display: inline-block; /* You can also add some margins here to make it look prettier */
}
<pre class="brush:php;toolbar:false"><li> <a href="#">some item</a> </li> <li> <a href="#">another item</a> </li>
以上是如何在 CSS 中创建水平列表项?的详细内容。更多信息请关注PHP中文网其他相关文章!