Question

这是以下代码：

展开结果窗口后，您可以看到左侧的菜单按钮。我希望能够改变这些菜单按钮的位置，并将它们更多地放到中间或右侧。当我对<ul style="left:30%">

进行以下更改时

{{1}}

结果如下：

https://jsfiddle.net/70fbsL75/

在这里你可以看到按钮都是倾斜的。解决这个问题的解决方案是什么。

Answer 1

如果从分组的类中删除#cssmenu ul类并添加

#cssmenu ul {
margin: 0 0 0 30%; //Or whatever margins you need
}

您可以定位您的导航ul。您需要定位#cssmenu和ul才能正确渲染您的JavaScript。

然后您需要删除边距和＆amp;填充媒体查询css（在小提琴的第196行附近）以重置移动设备上的视图。

#cssmenu ul {
width: 100%;
display: none;
margin-left: 0;
padding-left: 0;       
}

使用此

时，请不要忘记删除内联样式

<ul style="left:30%">

应该只是

<ul>

Answer 2

然后增加百分比。尝试：

:h matchdelete

这将从左侧移动50％。

Answer 3

您可以在li元素中添加填充左侧。

    padding-left:40px;

https://jsfiddle.net/fcx0wkq3/2/

或者您可以使用

更改文本的对齐方式

  text-align: right;

https://jsfiddle.net/fcx0wkq3/3/

Answer 4

使用class container添加包裹.container { background: #323232; text-align: center; } #cssmenu { display: inline-block; margin: 0 auto; }的div，然后使用以下内容附加CSS

 If not string.isNullOrWhitespace(function_selected_customer) andalso function_selected_castomer > 0 and...

Answer 5

您可以设置锚点的填充或您的li元素（示例的第一行）

padding-left: 120px;

或者您可以将li的文本对齐设置为中心

text-align: center

enter image description here

Answer 6

如果您想将其居中，则可以将li元素设置为display: inline-block，然后设置为父集text-align: center。

然后，为了摆脱小边距，您可以在父级上设置font-size: 0（详细了解内联块问题here）。

所以你要加上这个：

#cssmenu ul {
    text-align: center;
    font-size: 0;
}

并改变这一点：

#cssmenu > ul > li {
    display: inline-block; /* this was float before */
}

这将使其居中，查看demo here。

无法将菜单按钮向右移

6 个答案: