問題:
為完整連結建立超連結(#div parentdivimage)具有不同的影像尺寸(均低於180x235)。 div 有邊框和垂直對齊的影像。
解:
需要考慮三個主要選項:
1。語意不正確(但功能正常):
<code class="html"><a href="http://google.com"> <div>...</div> </a></code>
此方法在技術上可行,但違反了 HTML 語意。
2.語意正確(使用 JS):
<code class="html"><div style="cursor: pointer;" onclick="window.location='http://google.com';">...</div></code>
此方法在語意上正確,但依賴 JavaScript 實作功能。
3.語意正確(非Div 連結):
<code class="html"><a href="http://google.com"> <span style="display: block;">...</span> </a></code>
此方法在語意上既正確又實用,但它將包裝器元素從div 更改為span。
以上是如何在 HTML/CSS 中建立具有可變圖像尺寸的可點擊 Div?的詳細內容。更多資訊請關注PHP中文網其他相關文章!