我有一個標記,看起來像這樣:地點的div居中
<div style="width: 150px; height: 250px;">
<img src="Image1.jpg" />
<div class="YellowExclaimIcon iconsBlack"></div>
</div>
我想實現如下:
含義是圖片應該始終放置在父div的中心(水平和垂直方向),並且警告圖標應位於圖像的頂部,並且右邊和底部的邊距爲5。
要注意的另一件事是,圖像的寬度和高度並不總是相同的,但警告圖標的位置應始終是正確的位置。
YellowExclaimIcon類包含背景圖像,但如果需要可以更改爲圖像。需要考慮的是該圖片還具有最大寬度和最大高度。
我試過在這個線程的答案CSS Help - div over image,但我不能讓它與中心工作。
你允許改變的標記?因爲如果圖像寬度可變,我不認爲你可以在不改變標記的情況下做到這一點... –
是的,我可以儘可能多地改變標記。圖像寬度是可變的。 – Dumpen
謝謝,我把你的標記作爲答案。 – Dumpen