CSS - 链接的img显示时阻止活动链接:阻止

时间:2014-06-25 12:33:50

标签: html css

我有一些div,有一个图像和一些带链接的文本。

<div>
    <a href="#"><img src="img.jpg" />Text</a>
</div>

我为链接,活动,悬停和访问设置了CSS。如果我单击文本,那么没问题,但如果我单击图像文本保持活动状态,但如果我单击文本它再次工作。如果我从img CSS中删除display:block,那么它可以工作,但图像不是div中的水平居中。

我该如何解决这个问题?

JSFiddle

1 个答案:

答案 0 :(得分:2)

添加:

a { display:block;}

DEMO