Css 将未排序的列表项向左移动(Wordpress)
您好,我在将wordpress网站上的菜单列表向左移动时遇到问题。它看起来好像有一个边距,所以当列表包含如此多的项目时,它会向右偏移,不再居中。有问题的网站是www.cabinboys.ca。我所说的菜单就在cabinboys图片的正下方,上面有两个字母项目。如果有人能看看我的css,看看他们是否能想出如何将列表项向左移动,那将非常感谢Css 将未排序的列表项向左移动(Wordpress),css,wordpress,Css,Wordpress,您好,我在将wordpress网站上的菜单列表向左移动时遇到问题。它看起来好像有一个边距,所以当列表包含如此多的项目时,它会向右偏移,不再居中。有问题的网站是www.cabinboys.ca。我所说的菜单就在cabinboys图片的正下方,上面有两个字母项目。如果有人能看看我的css,看看他们是否能想出如何将列表项向左移动,那将非常感谢 /* =Menu ----------------------------------------------- */ #menu { border-b
/* =Menu
----------------------------------------------- */
#menu {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
margin-bottom: 25px;
padding: 10px;
text-align: right;
width: 800px;
}
#menu img {
margin-bottom: 10px;
}
#menu a {
color: #666;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-size: 18px;
margin: 0 10px;
text-decoration: none;
text-transform: uppercase;
}
#menu a:hover {
color: #36bcab;
}
#menu ul {
list-style: none;
margin: 0;
padding-left: 30;
}
#menu li {
float: right;
position: relative;
}
#menu ul ul {
display: none;
float: right;
position: absolute;
right: 0;
z-index: 99999;
}
#menu ul ul ul {
right: 100%;
top: 0;
}
#menu ul ul a {
background: #e9e9e9;
border-bottom: 1px solid #e1e1e1;
display: block;
font-size: 14px;
height: auto;
line-height: 1em;
margin: 0 ;
padding: .8em .5em .8em 1em;
width: 130px;
}
#menu ul ul li:last-of-type a {
border-bottom: none;
}
#menu li:hover > a,
#menu ul ul :hover > a {
color: #36bcab;
}
#menu ul ul a:hover {
background: #36bcab;
}
#menu ul li:hover > ul {
display: block;
}
#menu ul li.current_page_item > a,
#menu ul li.current_page_ancestor > a,
#menu ul li.current-menu-item > a {
color: #111;
}
#menu ul:after {
clear: both;
content: ' ';
display: block;
}
您应该添加几个属性以使其正常工作:
#menu-header-menu {
display:table;
margin:0 auto;
padding:0;
}
尽管如此,有趣的是,您说当菜单中的项目数量增加时发生了变化,我在CSS中没有看到任何代码可以根据项目数量区分显示。您能确认我理解这种情况吗?鉴于您当前的CSS,菜单永远不会居中,因为您将所有菜单项都向右浮动。你的目标是让两个字母名称的菜单集中在页面的中心吗?非常感谢Grzegorz,我的意思是,当列表中少了四个项目时,列表就集中在中间,看起来很好看。只不过当你把最后几个向右边延伸的部分加起来,然后左边的部分向左边延伸,看起来是不平衡的