mui分类样式实现同行

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

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

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

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

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632