Css 定心固定顶部菜单
我试图将ul菜单居中,但不起作用,菜单是粘性固定菜单,希望有人能在我的页面顶部菜单的中心找到解决方案 这里是链接,请看Css 定心固定顶部菜单,css,Css,我试图将ul菜单居中,但不起作用,菜单是粘性固定菜单,希望有人能在我的页面顶部菜单的中心找到解决方案 这里是链接,请看 http://jsfiddle.net/pMBfD/ 或 我不完全确定你在寻找什么,但我的建议是: 我看了一些你的css代码 ul#menu { float: left; list-style: none; margin: 0px 0px 0 0px; width:700px; } 现在要使任何div居中,您应该使用类似margin:0
http://jsfiddle.net/pMBfD/
或
我不完全确定你在寻找什么,但我的建议是: 我看了一些你的css代码
ul#menu {
float: left;
list-style: none;
margin: 0px 0px 0 0px;
width:700px;
}
现在要使任何div居中,您应该使用类似
margin:0 auto:0 auto代码>,为您提供一个居中的元素/div,上下边距为0。将此应用于菜单,它应该居中显示。希望我能帮忙 试试看,这似乎对jsfiddle有效
ul#menu {
float: none;
list-style: none;
margin: 0 auto;
使用CodePen而不是JSFIDLE更新
你确定这在jfille中有效吗?我看不出有什么效果,看这个。由于jsfiddle上的屏幕很小,所以它不能正常显示。是的,我明白了,所以问题就出在“margin:0 auto”;是的,margin:0 auto;是将div标记居中的方法。另外,您将菜单向左浮动,这就是它不起作用的原因。很好,非常感谢;)
ul#menu {
float: none;
list-style: none;
margin: 0 auto;