0
4

3 回答 3

3

您不能将宽度设置为内联元素。

添加display: inline-block;,它会工作

a{ 
    width: 20%;
    text-align: center;
    line-height: 10%;
    font-size: 1em ;
    text-decoration:none;
    padding-top: 0.5em;
    font-family: 'Happy Monkey', cursive;
    display: inline-block;
}
于 2013-08-14T22:48:42.253 回答
1

这是一个工作示例:

http://jsfiddle.net/rKwkH/1/

我必须将widthanddisplay:inline-block应用于li

li{
    list-style-type: none;
    float: left;
    width: 20%;
    display: inline-block;
}
于 2013-08-14T22:53:56.447 回答
1

默认情况下,它们是内联元素。您必须使用:

display: inline-block;

块级元素允许您设置宽度,而内联元素则不允许。

于 2013-08-14T22:48:45.063 回答