Question

我已将链接的属性设置为

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

请求尽快给出答案

Answer 1

将此添加到您的css：

display: block;

Answer 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。

Answer 3

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

display: inline-block;

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

Answer 4

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

display: inline-block;

或

float:left; /*or right*/

如何增加css中链接的面积

4 个答案: