如何将 CSS 下拉菜单居中 [英] How To Center A CSS Drop Down Menu

问题描述

我需要一些帮助.我有一个 CSS 下拉菜单，但我希望标题居中，因此在所有屏幕尺寸上它都在中间，因为目前它被卡在左边.

http://jsfiddle.net/y4vDC/

任何帮助将不胜感激.

这是一些 HTML 代码:

<ul><li><a href='events.html'><span>事件</span></a></li>

解决方案

用你拥有的 #cssmenu > ul > li 替换这个 css:

#cssmenu >升 >李{显示:内联块；左边距:15px；/* 这是下拉框出现的时候 */位置:相对；}

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

 #cssmenu >ul{文字对齐:居中；}

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

I'm in need of some help. I have a CSS dropdown menu but i want the titles to be centered so on all screen sizes it would be in the middle, as at the moment its stuck to the left.

http://jsfiddle.net/y4vDC/

Any help would be greatly appreciated.

Here is a bit of the HTML code:

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

解决方案

replace this css with what you have for #cssmenu > ul > li:

#cssmenu > ul > li {

    display:inline-block;

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

    position: relative;

}

and add this to your css codes:

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

here it is: http://jsfiddle.net/y4vDC/10/

这篇关于如何将 CSS 下拉菜单居中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！