Mikel
来源： 使li标签横向排列的三种方式_li横向排列-CSDN博客
一、display:inline
通过把li转换为行内元素实现，行内元素不独占一行，根据内容撑开大小
二、float：left
通过让li浮动实现横向排列 ，浮动会使li脱离文本流，且不占位置
三。通过flex布局实现
首先给父级定义flex，li{ flex:1}的意思为独占父级宽度的n分之1，这里的n取决于li的个数，也就是4分之1
————————————————
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/m0_61685348/article/details/120694044
