0

我已经查看了关于使 HTML 锚标记看起来像一个按钮的主题的各种讨论，但我遇到了一个问题。我的 CSS 是：

a.button:link   { font-family: sans-serif;
    font-weight: bold;
    font-size: 80%;
    text-align: center;
    text-decoration: none;
    background-color: #E0E0E0;
    border-top: 2px solid white;
    border-left: 2px solid white;
    border-bottom: 3px solid #404040;
    border-right: 3px solid #404040;
    color: black;
    padding: 4px 12px 4px 12px;
    /*display: inline-block;*/
    }

如果我在anchor中包含的是图像，我必须指定display:inline-block，否则样式不会覆盖图像占据的整个矩形，因为默认情况下anchor是一个内联标记。但是，如果我指定 inline-block 并将文本包含在锚中，则文本未正确对齐。例如参见http://www.jamescobban.net/database/CensusForm1901.php?Province=&District=58&SubDistrict=A&Division=1&Page=1。无论按钮包含图像还是文本，我都希望能够将一个类用于类似按钮的锚点。

4

0 回答 0