图标不会在导航菜单栏中格式化

时间:2017-02-24 15:48:28

标签: html css formatting icons navigationbar

我遇到的问题是Facebook图标和Instagram图标没有在导航菜单栏中格式化,它就在它下方,不会进入栏内。我需要图标位于导航栏的右侧,标题和图标之间有一些空格,但它们在中心排成一列。

card:{
        flex:1,
        flexWrap:'wrap',
        backgroundColor:'#0000ff',
        margin:5,
        flexDirection:'row',
    },

2 个答案:

答案 0 :(得分:0)

您的风格必须位于p= page.company部分。

答案 1 :(得分:0)

我的意思是把样式放在头部之间,就像这样



<head>
    <meta charset="UTF-8">
    <title>Lunation Boards</title>
    <link rel = "icon" href="LogoBlack.PNG" type="image/SVG">
<style>
    body {margin:0;}
    .Header {
        z-index: 100;
        position: fixed;
        top: 0;
        width: 100%;
        background-color: #000000;
        height: 70px;
    }

    @media screen and (max-width:680px) {
        .Header.responsive {position: relative;}
        .Header.responsive li.icon {
            position: absolute;
            right: 0;
            top: 0;
        }
    }
    @media (max-width: 960px){
    .Header {
        position: relative;
        display: flex;
        width: 86px;
        height: 15px;
        margin: 0 auto;
    }
    }
    .headerLogo{
        text-align: center;
        font-size: small;
        font-style: italic;
        font-family: Verdana;
        color: white;
    }

</style>
</head>
<body>
&#13;
&#13;
&#13;