我有一个徽标,我想链接回我的主页。但是,当我超链接徽标时,我注意到链接跨越整个页面(即跨越徽标的左侧和右侧的空白区域)而不是仅仅位于徽标图像上。
我的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;
}
谢谢!
答案 0 :(得分:3)
摆脱宽度:100%,因为它是100%宽度,当然它将跨越(水平)页面
答案 1 :(得分:1)
您的链接宽度是父标记的宽度。而不是100%,只需指定块的宽度。