css - 如何居中 CSS 下拉菜单

标签 css drop-down-menu menu center

<分区>

我需要一些帮助。我有一个 CSS 下拉菜单,但我希望标题居中,因此在所有屏幕尺寸上它都位于中间,就像现在它卡在左边一样。

http://jsfiddle.net/y4vDC/

如有任何帮助,我们将不胜感激。

这是一些 HTML 代码:

<div id='cssmenu'>
  <ul>
    <li><a href='events.html'><span>Events</span></a></li>
  </ul>

最佳答案

将此 css 替换为您为 #cssmenu > ul > li 准备的内容:

#cssmenu > ul > li {

    display:inline-block;

    margin-left: 15px;       /* This is when the drop down box appears */

    position: relative;

}

并将其添加到您的 CSS 代码中:

 #cssmenu > ul {
        text-align:center;
 }

这里是:http://jsfiddle.net/y4vDC/10/

关于css - 如何居中 CSS 下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17634627/

相关文章:

html - CSS 下拉菜单无法正确定位

javascript - Prototype.js - Form.element.observer + Internet Explorer + 选择框

javascript - 响应式顶部栏不展开

php - 单个页眉和页脚文件

Eclipse:所有主菜单都是空的

html - 尝试前景图像不起作用

javascript - 使用 JavaScript 打印页面时使用 CSS

html - 在 HEAD 中使用未缩小的样式还是在外部文件中使用缩小的样式性能更好?

css - REM 字体大小未调整到任意阈值以下

javascript - 用javascript中的mysql数据库中的数据填充下拉列表