html5的li标签问题

Question

         <div class="public-head">             <div class="public-container">                 <div class="public-logo"><a href=""></a></div>                 <ul class="header-nav">                     <li><a class="item">首页</a></li>                     <li><a class="item">设备油脂</a></li>                     <li><a class="item">切消夜</a></li>                     <li><a class="item">冲压拉伸油</a></li>                     <li><a class="item"></a></li>                     <li><a class="item"></a></li>                     <li><a class"item"></a></li>                     <li><a class="item"></a></li>                 </ul>             </div>         </div>.public-head{    height:136px;    width:1920px;    background: #f5f6f8;}.public-head .public-logo{    float: left;    height: 54px;    width:254px;    background: url(../img/public-logo.png);    margin-top: 64px;        margin-bottom: 20px;}.public-head .header-nav{        list-style: none;    }.public-head .header-nav .item{        margin-top: 94px;    margin-left: 52px;    font-size: 18px;    color: #333333;}怎么让li标签里的一行显示？

Answer 1

这样就可以一行显示了

望采纳

Answer 2

这样的效果？是的话加样式：

.public-head .header-nav >li {

    display: inline-block;

} 

Answer 3

不太明白你的表达；

是不是要所有的li在一行显示；可以用display：float；或者display：inline-block；

Answer 4

li 标签是不能分开用的，<ul><li></li></ul>这样是一起使用 的，它的作用就是以列表的样式显示信息，li是每一项的内容，在li里可以加样式，默认情况下li 前边显示的是个黑点，并以列式显示。