将a标签的display属性设置为inline-block,并将其宽度/高度设置为与img标签相同的值。例如:
HTML代码:
CSS代码:
a { display: inline-block; width: 200px; height: 200px; }
img { display: block; max-width: 100%; height: auto; }
这将使a标签像img标签一样具有相同的宽度/高度,并使图像在a标签内正确显示。
上一篇:a标签的href属性为何可以设置为javascript代码?它有哪些应用场景?
下一篇:a标签的margin-top为什么会对其下方的元素产生影响?如何解决这个问题?