![](https://i-blog.csdnimg.cn/blog_migrate/fa6c371e3cbd10b212a6b115737be7d1.png)
问题: 这个汉堡按钮把文字给压住了
解决方法: 在汉堡结构前面放一个空的
div元素进行占位
![](https://i-blog.csdnimg.cn/blog_migrate/0145c02d5e89ca41e4754e1e3c45d739.png)
问题: 这个汉堡按钮把文字给压住了
解决方法: 在汉堡结构前面放一个空的
div元素进行占位
![](https://i-blog.csdnimg.cn/blog_migrate/64a1be42b6f35901136b9c6d09823ba4.png)
因为咱们添加的这个元素
它的父元素是flex布局
而父元素里面的孩子已经
设置flex-basic:22%.
平分了空间
所以我们给这个div'设置
width为33px,就不生效
此时可以给这个div
设置flex-shrink:0
表示我不占空间'
就是有个位置而言
![](https://i-blog.csdnimg.cn/blog_migrate/241f186be7e1339da9a7de4ecff82e0a.png)
![](https://i-blog.csdnimg.cn/blog_migrate/cfafa5d84ca230a8977184ec0391b821.png)
![](https://i-blog.csdnimg.cn/blog_migrate/c8602bb87a3dfe7b598feae8f36e1a33.png)
![](https://i-blog.csdnimg.cn/blog_migrate/25a004c3d71ae612073fac06544f2ee9.png)