【问题标题】:Wordpress centered navigationWordPress 居中导航
【发布时间】:2014-07-16 06:04:59
【问题描述】:

对网站主导航进行一些调整。

使用:

#navbarsecond {
    border-bottom: 3px solid #191919;
    border-top: 1px solid #e5e5e5;
    display: table;
    margin: 0 auto 25px;
    text-align: center;

已经差不多了(还不能嵌入图片!): http://i1298.photobucket.com/albums/ag43/sim888/SkTy/main-nav_zpsf7241a6b.png

只是尝试使顶部和底部边框也全宽(980px)...任何帮助将不胜感激。

干杯, s。

【问题讨论】:

    标签: html css wordpress uinavigationbar


    【解决方案1】:

    您可以执行以下操作:

    #navbarsecond {
        border-bottom: 3px solid #191919;
        border-top: 1px solid #e5e5e5;
        text-align: center;
        margin: 25px 0;
    }
    ul.dropdown {
        // Remove the float
    }
    ul.dropdown li {
        // Remove the float        
        display: inline-block;
    }
    

    【讨论】:

    • 感谢 mattcouchman,非常感谢 - 我试了一下,但不幸的是它没有用。这里有一个现场测试如果它不是太麻烦看一下? nav test site
    • 感谢您的链接。您需要从.dropdown.dropdown li 中删除浮动,并将内联块应用于li 而不是a 标记。我已经更新了要显示的答案。
    • 太棒了!工作就像一个魅力 - 非常感谢你的帮助!注释掉并编辑了以下内容以及您的代码...再次感谢! /*.dropdown { float:left; } */ .dropdown li { /*float:left; */ display: inline-block; position: relative;
    • 没问题!乐于助人。
    猜你喜欢
    • 2014-06-19
    • 2013-04-30
    • 2016-09-21
    • 1970-01-01
    • 2013-12-30
    • 2021-05-27
    • 1970-01-01
    相关资源
    最近更新 更多