问问题
3927 次
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 回答