手机界面的底部标签栏用css怎么写?

html-css029

手机界面的底部标签栏用css怎么写?,第1张

<div class="mybot">

     <div>

        <img src="">

        <p>聊天</p>

     </div>

     <div>

        <img src="">

        <p>聊天</p>

     </div>

     <div>

                <img src="">

                <p>聊天</p>

          </div>

          <div>

                <img src="">

                <p>聊天</p>

          </div>

</div> .mybot{     position: fixed

    bottom: 0

    width: 100%

    float: left

 }

还有一些图片和样式自己加。mybot下的div你自己变成百分之25他们自己对齐了。里面的img 和 p添加一个text-align: center

呵呵,,

这个应该是你设置为100%宽度,而你上面的图片又设置了固定宽度,所以,100%就是屏幕的宽度,而你上面又有超过屏幕的宽度,所以造成这样。。

给它加上min-width:宽度和上面图片的一样,,就行了。。最小只能小到多少宽度,,这样就不会有截断了。