2
4

6 回答 6

3

除非您浮动元素并为其提供固定宽度,否则块将无法正常工作。我认为“内联块”会更好。

.myclass{
    display: inline-block;
    border: 2px solid #000;
    padding: 1em;
}

你可以在这里看到它的实际效果:http: //jsfiddle.net/2tmzL/

浏览器对 inline-block 的支持非常好:http ://caniuse.com/inline-block

于 2012-09-28T03:40:36.760 回答
1

将锚标记包裹在另一个容器元素周围

<a class=".." href=".."><div>Click here</div><a>
于 2012-09-28T02:46:52.030 回答
0

<a> 是一个内联,你必须把它转换成一个块,试试这个

.myclass:
{
  display:block;
  border: 2px solid #000;
  padding: 1em;
}
于 2012-09-28T02:47:45.257 回答
0

您需要为您的 a 元素设置 css 属性 display: block 或 inline-block (取决于情况......)。

于 2012-09-28T02:47:54.247 回答
0

我似乎可以单击整个链接。确保在 .myclass 之后删除 :。此外,如果它仍然无法正常工作,您可能想尝试添加 display:block;

或者,在 html5 中,您可以将 a 标签包裹在块元素周围。这将适用于较旧的 html,尽管它不正确。

.myclass
{
    border: 2px solid #000;
    padding: 1em;
    display:block;
}
于 2012-09-28T02:49:13.040 回答
0

问题是 a 是内联元素,并且填充不能像我们期望的内联元素那样工作。将 a's 更改为块级元素,一切都应该按您的预期工作(注意在 CSS 声明中删除了“:”,它不应该存在):

.myclass {
   display: block;
   border: 2px solid #000;
   padding: 1em;
}
于 2012-09-28T02:50:38.140 回答