仙道ˇ彰 2022-04-15 17:15 采纳率: 100%
浏览 52
已结题

mui分类样式实现同行

不知道哪里出了问题,5个图标和文字样式我希望在同一行

img

img


我的5个图标和文字样式都隔行很,很不雅观,麻烦帮我看看程序,怎么实现同行效果,谢谢!

  • 写回答

2条回答 默认 最新

  • CSDN专家-showbo 2022-04-15 17:34
    关注

    题主可以先看mui的文档的删格布局,sm-xx,xx的数字和需要为12,由于5个,无法均分,所有会空一格出来

    img

    
            <ul class="navbox mui-table-view mui-grid-view">
                <li class="mui-col-sm-2 mui-table-view-cell">
                    <img src="../images/cbd.jpg">
                    <p>养身</p>
                </li>
                <li class="mui-col-sm-2 mui-table-view-cell">
                    <img src="../images/cbd.jpg">
                    <p>养身</p>
                </li>
                <li class="mui-col-sm-2 mui-table-view-cell">
                    <img src="../images/cbd.jpg">
                    <p>养身</p>
                </li>
                <li class="mui-col-sm-2 mui-table-view-cell">
                    <img src="../images/cbd.jpg">
                    <p>养身</p>
                </li>
                <li class="mui-col-sm-2 mui-table-view-cell">
                    <img src="../images/cbd.jpg">
                    <p>养身</p>
                </li>
            </ul>
    
    

    设计时尽量符合删格布局的要求,否则就要自己增加代码了。比如每行3个,4个,能被12整除的

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 4月27日
  • 已采纳回答 4月19日
  • 创建了问题 4月15日

悬赏问题

  • ¥15 有没有人会打学生成绩管理系统呀
  • ¥15 在使用Fiddler和夜神模拟器抓包的时候一直出现443该怎么办啊QAQ搜了好几个笔记都没有解决
  • ¥15 3x7的二维数组A、B、C,A中的任意1个数组元素与B的任意1个数组元素、同时又与C的任意1个数组元素比较,把不同位置出现相同数的比较称为无意义,反之称为有意义,把有意义的比较打印输出。
  • ¥20 预测模型怎么处理原始数据(随机森林)
  • ¥20 请问discuz3.5如何实现插入ckplayer全能播放器功能呢?
  • ¥15 thingsboard代码编译出错误
  • ¥15 博途v18仿真报错怎么解决
  • ¥15 欧姆龙plc枕式包装机 ST编程
  • ¥15 为啥快手广告联盟的广告这么难出来
  • ¥15 k8s集群重启后,kubelet一直报systemctl restart kubelet.service "Failed to delete cgroup paths"