如何增加css中链接的面积

时间:2014-02-28 09:07:51

标签: css

我已将链接的属性设置为

    .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中有什么方法可以通过它来增加链接区域的高度而不用填充

请求尽快给出答案

4 个答案:

答案 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;   
} 

这是example fiddle

答案 2 :(得分:2)

尝试将以下内容添加到您的css中:

display: inline-block;

“display:block;”不同,这也是内联的,意味着您可以定义大小,但元素仍然是内联的

答案 3 :(得分:0)

使用其中任何一个或两个 -

display: inline-block;

float:left; /*or right*/