css - 居中水平菜单项

标签 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>

我该怎么办?

  • 让文字居中?

最佳答案

更改填充:

.nav a

对于:

padding: 10px 0 10px 0;

或:

padding: 10px 40px 10px 40px;

第二个值是右内边距,第四个是左内边距,如果你想让它们居中,你必须将它们设置为相同的值。

关于css - 居中水平菜单项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33679550/

相关文章:

html - jQuery CSS - 不允许覆盖

php - 如何在 Symfony2 中为特定页面使用 css 文件?

html - IE 和 FF 之间表行填充底部的不同行为

javascript - 当您键入时文本字段发生变化时更改跨度

html - li 大小与文本大小相同

javascript - 如何确保加载自定义字体

user-interface - 黑莓自定义 OVERLAY 横向菜单

windows - Delphi:自定义窗口菜单:需要 Msg.CmdType 和 $FFF0 说明

javascript - 一旦用户进入新页面,菜单将不会向后滑动

html - CSS 菜单不适用于 Internet Explorer 11