Question

我在检查员中发现了我的text-align：center;为“span＃artlink”划掉了 - 这适用于我所有的其他链接但不是这一个，我很好奇是否有人能弄明白为什么会这样。

谢谢

HTML

<body>
    <div id="wrapper">
        <header>

            <div id="mainnav">
                <span id="home"><a href="index.html">MARK LOVATO</a></span>
                <span id="vidlink"><a href="videos.html">VIDEOS</a></span>
                <span id="artlink"><a href="art.html">ART</a></span>
                <span id="motionlink"><a href="motion">MOTION</a></span>
                <span id="reellink"><a href="reel.html">REEL</a></span>
                <span id="aboutlink"><a href="about.html">ABOUT</a></span>
            </div>
        </header>

    </div>
</body>

CSS

    a:link {text-decoration:none;}

    span#home{width:100%; height:50px; float:left; clear:both;}

    span#home,span#home a{color:#ffffff; background-color:#000000; 
    font- family:helvetica; font-weight:600;font-size:43px; letter-spacing:2px; 
text-align:center; font-stretch:semi-condensed;}
    span#home:hover, span#home:hover a{color:; background-color:;}

    span#vidlink{width:65%; height:50px; float:left;}
    span#vidlink,
    span#vidlink a{ color:#000000; background-color:#ffffff;text-align:center;
    font-weight:350; font-size:43px; letter-spacing:10px;}
    span#vidlink:hover, span#vidlink:hover a{color:#ffffff; background-color:#000000;}

    span#artlink{width:35%; height:50px; float:right;}

    span#artlink,span#artlink a{color:#acacac; background-color:#555555;
    text-align:center; font-weight:200; font-size:42px; letter-spacing:15px;}
    span#artlink:hover,span#artlink:hover a{color:#ff7dbd; background-color:#d60a70;}

为什么不文字对齐：中心;在这种情况下工作？

0 个答案: