无法显示内联li元素(Can't display inline li elements)
我尝试在线显示我的li元素,但结果是图像: http ://prntscr.com/87n6z8
有谁能够帮助我?
这是我的html和css代码:
<footer> <ul class="footer_ul"> <li><a href="#">O nama</a> |</li> <li><a href="#">Kontakt</a> |</li> <li><a href="#">Pitanja i odgovori</a> |</li> <li><a href="#">Video tutorijali</a> |</li> <li><a href="#">Pravila korištenja</a></li> </ul> </footer> footer{ width:100%; clear:left; float:left; height:auto; background:white; } .footer_ul{ display:inline; list-style:none; padding:0; float:left; width:100%; } .footer_ul li{ padding:5px; } .footer_ul li a{ text-decoration:none; }谢谢
I try to display my li elements inline but result is likeon image: http://prntscr.com/87n6z8
Can anybody help me?
This is my html and css codes:
<footer> <ul class="footer_ul"> <li><a href="#">O nama</a> |</li> <li><a href="#">Kontakt</a> |</li> <li><a href="#">Pitanja i odgovori</a> |</li> <li><a href="#">Video tutorijali</a> |</li> <li><a href="#">Pravila korištenja</a></li> </ul> </footer> footer{ width:100%; clear:left; float:left; height:auto; background:white; } .footer_ul{ display:inline; list-style:none; padding:0; float:left; width:100%; } .footer_ul li{ padding:5px; } .footer_ul li a{ text-decoration:none; }Thanks
最满意答案
你忘了把它交给<LI> 。 它的默认值为display: list-item 。 所以将代码更改为:
.footer_ul li{ padding:5px; display:inline; }You forgot to give it to <LI>. It has a default value of display: list-item. So change your code to:
.footer_ul li{ padding:5px; display:inline; }更多推荐
发布评论