我的超链接遍历整个页面而不仅仅是图像

时间:2012-07-26 17:37:38

标签: html css html5 css3

我有一个徽标,我想链接回我的主页。但是,当我超链接徽标时,我注意到链接跨越整个页面(即跨越徽标的左侧和右侧的空白区域)而不是仅仅位于徽标图像上。

我的HTML:

<a href="#" id="splash-logo">
    <img src="images/splash-logo.png" width="259" height="51">   
</a>

我的CSS:

#splash-logo {
    clear: both;
    width:100%;
    display: inline-block;
    text-align:center;
}

谢谢!

2 个答案:

答案 0 :(得分:3)

摆脱宽度:100%,因为它是100%宽度,当然它将跨越(水平)页面

答案 1 :(得分:1)

您的链接宽度是父标记的宽度。而不是100%,只需指定块的宽度。