css - 中心水平菜单项

时间:2015-11-12 19:21:42

标签: css menu

非常感谢任何帮助。我为代码创建了一个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?
  • 为中心

1 个答案:

答案 0 :(得分:0)

更改填充:

.nav a

有:

padding: 10px 0 10px 0;

或:

padding: 10px 40px 10px 40px;

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