如何在 HTML/CSS 中建立具有可變圖像尺寸的可點擊 Div？

在HTML/CSS 中建立整個Div 超連結

問題：

為完整連結建立超連結(#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中文網其他相關文章！