mui分类样式实现同行

Question

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

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

Answer 1

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

UI组件 · MUI MUI: 最接近原生APP体验的高性能前端框架 https://dev.dcloud.net.cn/mui/ui/#grid

        <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整除的