html5中li标签的问题

来源:3-1 公共头部和尾部

似情之情

2016-11-11 16:28

<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>


问题  怎么让 li标签里的内容一行显示?

写回答 关注

3回答

  • 表哥4
    2016-12-23 22:42:27
    已采纳

    .public-container  .header-nav  .item{float:left;}

    似情之情

    非常感谢!

    2016-12-24 16:21:03

    共 1 条回复 >

  • 表哥4
    2016-12-26 20:50:22

    <div class="public-container clearfloat">

    第一句加个清浮动,因为下面两个public-logo  header-nav都是需要浮动的

  • huangping0376
    2016-11-11 18:23:13

    .public-container  li{float:left;}

从 psd 到 html

教你把PSD设计稿转化成HTML,用案例来讲解基本流程

105471 学习 · 410 问题

查看课程

相似问题