Question

非常感谢任何帮助。我为代码创建了一个jsfiddle - http://jsfiddle.net/dfo44q7f/

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Untitled</title>
</head>
<body>
<ul class="nav">
  <li><a href="/">Menu1</a></li>
  <li><a href="/Menu2/">Menu2</a></li>
  <li><a href="/Menu3/">Menu3</a></li>
</ul>
</body>
</html>

我是怎么做的？

以li？

Answer 1

更改填充：

.nav a

有：

padding: 10px 0 10px 0;

或：

padding: 10px 40px 10px 40px;

第二个值用于右边距填充，第四个值用于左边距填充，如果要将它设置为居中，则必须将它们设置为相同的值。

css - 中心水平菜单项

1 个答案: