icono图标那些事（手机版常用nav）

<style><link rel="stylesheet" href="css/icono.min.css">

.title {
vertical-align: middle;
text-align: center;
font-size: 10px;  

}

.ui-tiled {

  display: -webkit-box;

  width: 100%;

  -webkit-box-sizing: border-box; }

.ui-tiled li {

  -webkit-box-flex: 1;

  width: 100%;

  text-align: center;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-box-pack: center;

  -webkit-box-align: center; }

.ui-row {

  display: block;

  overflow: hidden; }

.ui-col-20 {

  width: 20%; }

</style>

  <ul class="ui-tiled  ui-row">

    <li data-href=" #" class=" ui-col-20  " > 

      <div class=" icono-home"  ></div>

      <div class="title">首页</div>

    </li>

    <li data-href="#" class=" ui-col-20 " >

    <div class=" icono-list"  ></div>

      <div  class="title">主页</div>

    </li>

    <li data-href="#" class=" ui-col-20">

     <div class=" icono-search"   ></div>

      <div  class="title">搜索</div>

    </li>

    <li data-href="#" class=" ui-col-20 " >

      <div class=" icono-asterisk"   ></div>

      <div  class="title">厂商</div>

    </li>

    <li data-href="#" class=" ui-col-20 ">

       <div class=" icono-user"   ></div>

      <div  class="title">客户</div>

    </li>

  </ul>