为什么填充锚标记会创建重复的超链接?

时间:2015-08-25 17:21:21

标签: javascript jquery html css

  nav ul li a
    {
        display : block ;
        text-align : center;
        font-weight : 600;
        text-decoration : none;
        color:#fff;
        background-color : rgba(0,0,0,0.15);
        margin : .2em 0;
        padding: .2em 0;
        border-radius: 1em;
        box-shadow : 1px 1px 4px #000;
    }

Resultant Image

删除填充属性使一切都很好,但我希望我的锚是宽敞的,但他们看起来像那样压碎请帮助

2 个答案:

答案 0 :(得分:0)

您可以使用行高而不是填充来添加垂直空间

答案 1 :(得分:0)

你的标签里面有锚文本吗?如果他们没有文本,则文本不会占用任何空间。如果您计划在列表中的任何链接中都没有文本,则可能需要设置min-height对它们进行归因以确保它们至少达到特定的高度。