CSS的float屬性可以讓我們實現讓ul元素中的文字在一行的效果。
首先,我們需要將ul元素的默認樣式去掉,如下:
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
然后,我們將每個li元素設置為浮動,在CSS中代碼如下:
li {
float: left;
}
接著,我們需要將li元素中的a元素設置為塊級元素(display: block),讓每個li元素內的a元素占滿整個li元素,在CSS中的代碼如下:
a {
display: block;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
這樣,我們就可以實現讓ul元素中的文字在一行的效果了。
上一篇css讓一個盒子水平居中
下一篇css讓一個元素隱藏