HTML<；a>；标签宽度大于指定宽度

我似乎无法使可点击链接区域的边界保持在

的边界内，因为它正在创建一个链接（11个按钮链接到产品类别）。即使使用类来指定宽度，它也会跨越它所在的

的整个宽度。我已经没有选择了

<a href="bycategory.php?cat=anhydrides">
    <div class="category" align="center">
        Anhydrides<br><img src="images/cat/anhydrides.jpg" alt="">
    </div>
</a>

---

将

wrap:break-word

属性添加到

a

s。它将适当地断开您的链接。不过，您应该注意：您不会从中获得自动断字。为此，您必须查看一些图书馆，如

---

以此小提琴为例：

要设置元素的宽度，它必须具有块或内联块显示。还考虑设置溢出：隐藏。

您的HTML无效。您不能将

div

放入

a

（当然可以，但它不可靠）。相反，尝试稍微改进标记（

span

而不是

div

）：

使用块显示：

.catTable a {
    ...
    display: block;
}

---

始终在问题中发布代码。锚中的div在HTML5中有效。不管是好是坏，我们中的许多人都选择忽略非常旧的浏览器。

.catTable a {
    display: inline-block;
}

.catTable a {
    ...
    display: block;
}