CSS:如何使水平列表居中?显示:内联不工作

前端之家收集整理的这篇文章主要介绍了CSS:如何使水平列表居中?显示:内联不工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
让最简单的代码工作,我遇到了很大的麻烦.我想要我的css水平列表为中心,就是这样.

链接到这里:http://bit.ly/LtIBai

我有这个代码

#megaMenu.megaMenuHorizontal ul.megaMenu {
text-align: center;
 }

#megaMenu.megaMenuHorizontal ul.megaMenu > li {
display: inline;
}

但它不会中心?

注意:窗口必须是“平板电脑纵向”大小才能看到我所指的代码.大约800px宽,当标志居中,菜单下降到下一行,但在移动菜单出现之前.

解决方法

他们拒绝中心的原因是因为他们也浮在左边.更改dislay:inline to display:inline-block; float:none,它们显示为中心.

编辑:在这里有很多(大多是不必要的)CSS代码,所以你可能需要调整一些其他的东西,然后才能正确,但浮动是至少导致非中心的.

原文链接:https://www.f2er.com/css/216510.html

猜你在找的CSS相关文章