我有一個非常簡單的問題(我甚至知道它爲什麼發生的原因),但我無法將其轉化爲我的代碼。我敢肯定,但我似乎無法動搖,所以我需要一些幫助。爲什麼img可點擊的空間包含整個div?
我有一個想要在我的屏幕上居中定位的圖像。我只希望圖像可點擊,但整個div目前可點擊,並指向我的圖像。我相信這是因爲一個元素固有地內聯,並且我的圖像被設置爲一個塊(fr居中目的),因此整個div變成可點擊的圖像。但是沒有任何東西可以讓我改變我的代碼,使它保持居中,只有img可點擊而不是整個div。我試圖設置邊緣和浮動(除其他外)的顯示,但沒有運氣。任何想法,我的問題發生?謝謝!
HTML:
<div class ="resume">
<p><h2>View Resume:</h2></p>
<a href="assets/res.pdf" class="fancybox fancybox.iframe" title="My Resume"><img src="assets/res_preview2.jpg" /></a><br>
</div>
CSS:
.resume img{
display: block;
margin: 15px auto;
box-shadow: 2px 2px 18px #232323;
}
.resume h2{
font-size: 2em;
font-weight: 700;
text-align: center;
display: block;
}
注:使用的fancybox的PDF作爲一個iframe使用 - 問題是與JPG。