HTML＜a＞标记宽度大于指定宽度

Question

http://exfluor.com/productsMain.html

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

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




Answer 1

将自动换行：分隔词属性添加到 a中。它会适当地破坏您的链接。但你应该注意：你不会从中得到自动连字。为此，您必须查看一些库，例如催眠器

以小提琴为例：http://jsfiddle.net/8Lrhr22u/

Answer 2

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

Answer 3

使用块显示：

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