前端之家收集整理的这篇文章主要介绍了
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