如何控制块锚标记的高度和字体大小

时间:2014-09-17 21:15:26

标签: html css anchor

我试图设置显示为块元素的锚标记的不同高度和字体大小 但是每次字体大小最终都会覆盖元素的高度..任何想法?

div{
    background: #916a31;
    height: 2.3em;
}

ul, li {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul {
    float: left;
    background: orange;
    height: 2em;
    width: 100%;

}
li {

}

li a{
    display: block;
    font-size: .5em;
    font-family: tahoma;
    color: white;
    text-decoration: none;
    line-height: 2em;
    height: 2em;
    background: red;
    padding: 0 10px;
}


<div class="div cf">
    <ul class="unlist">

            <li><a href="#" class="anchor">one </a></li>
            <li><a href="#" class="anchor">two</a></li>
            <li><a href="#" class="anchor">three</a></li>
            <li><a href="#" class="anchor">four</a></li>

    </ul>
</div>

1 个答案:

答案 0 :(得分:0)

你想要一个不同大小的更高层元素可以添加一个&#39; !important&#39;在它的css高度。试试吧 。 &#39; !important&#39;意味着元素应该使用最高优先级的高度值