Css 链接比图片大

我环顾了一下电路板，没有找到任何适合我的东西，但基本上，当我将一个带有锚定标记的图像放在中心位置时，可链接区域会填充以适应div的整个宽度，即使指定了宽度也是如此。我怎样才能使链接仅在图像周围

链接到JS Fiddle

HTML

---

你可以申请

display: table;
margin: auto

---

到图像周围的[a]标记。

您可以应用

display: table;
margin: auto

添加到图像周围的[a]标记。

只需将“内容a”添加到“内容img CSS”

#content img,
#content a{
     display: block;
     margin: 0 auto;
     width: 400px;
}

只需将内容a添加到内容img CSS中即可

#content img,
#content a{
     display: block;
     margin: 0 auto;
     width: 400px;
}

---

我通过在a标记中添加文本align:center解决了相同的问题

#content a {
     text-align: center;
}

---

我通过在a标记中添加文本align:center修复了相同的问题

#content a {
     text-align: center;
}

---

除了你的源代码之外，请包括一个指向JSFIDLE的链接，或者包含一个重新创建的示例的链接。为什么会有这么多的反对票，而没有解释为什么？感谢使用JSFIDLE进行更新。我不仅去掉了我的反对票，而且投了赞成票，因为这个问题现在非常具有说明性除了你的源代码之外，请包括一个指向JSFIDLE的链接，或者包含一个重新创建的示例的链接。为什么会有这么多的反对票，而没有解释为什么？感谢使用JSFIDLE进行更新。我不仅去掉了我的反对票，而且投了赞成票，因为这个问题现在非常具有说明性