如何在 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中文网其他相关文章！