我已将链接的属性设置为
.heading-text a
{
font-family: verdana;
font-size:12px;
color:#124253;
width:100%;
height:40px;
text-align: center;
cursor: pointer;
}
根据它的父div创建链接的高度,但它不起作用
当我设置了以下属性
.heading-text a
{
padding:11px 0px;
}
然后它正常工作在css中有什么方法可以通过它来增加链接区域的高度而不用填充
请求尽快给出答案
答案 0 :(得分:4)
将此添加到您的css:
display: block;
答案 1 :(得分:2)
<a>
标记是内联的。将其更改为阻止:
.heading-text a
{
display: block; /* Add this */
font-family: verdana;
font-size:12px;
color:#124253;
width:100%;
height:40px;
text-align: center;
cursor: pointer;
}
答案 2 :(得分:2)
尝试将以下内容添加到您的css中:
display: inline-block;
与“display:block;”不同,这也是内联的,意味着您可以定义大小,但元素仍然是内联的。
答案 3 :(得分:0)
使用其中任何一个或两个 -
display: inline-block;
或
float:left; /*or right*/