Html flexbox发行ul导航栏，带右侧填充

我有两个关于flexbox的问题

我想要导航栏中ul项目之间的空间，现在它们粘在一起。。。如何在链接之间获得一些空间。我可以在每个

上使用填充，但我希望避免这种情况

如何在页脚中居中放置6个公司图像？如你所见，我有三个媒体问题。所以我需要在手机上的一列中显示所有图像，在第二次媒体查询中每行显示2个徽标，在桌面上每行显示3个徽标

/*--重置--*/
html{
框大小：边框框；
}
*,
*：之前，
*：之后{
框大小：继承；
}
保险商实验室{
填充：0；
列表样式类型：无；
}
/*分区，
第节，
页脚，
导航{
边框：1px纯黑；
溢出：自动；
} */
/*--排版--*/
html{
字体大小：10px；
}
身体{
字体系列：“Lato”，无衬线；
保证金：自动；
背景色：#f4；
}
p{
颜色：5b5e6d；
字号：1.8em；
}
h1，
氢{
颜色：#2c303f；
字体系列：“新罗马时代”；
}
保险商实验室{
线高：2.5em；
字号：1.5em；
颜色：5b5e6d；
}
/*--布局--*/
.集装箱{
利润率：0.20px；
}
/*--组件--*/
/*--组件/按钮--*/
.btn{
边界半径：4px；
盒影：无；
线高：1.2米；
边界：无；
填充：25px；
盒影：无；
字号：1.8em；
字号：700；
}
.btn主站{
背景色：#192592；
颜色：白色；
宽度：100%；
宽度：100%；
颜色：白色；
}
.btn秒{
背景色：白色；
颜色：#192592；
边框：1px实心#192592；
宽度：60%；
利润率：10px；
}
/*--组件/导航栏--*/
navbar先生{
背景色：#f4；
位置：固定；
宽度：100%；
z指数：99999；
边框底部：1px实心#B8B8；
高度：60px；
}
.导航栏.集装箱{
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
}
.navbar.顶部菜单链接{
可见性：隐藏；
}
.navbar.链接列表{
显示：无；
}
.navbar.fa bars{
颜色：5b5e6d；
}
.navbar.logo{
高度：60px；
}
.着陆{
边缘底部：20px；
填充顶部：30px；
}
.landing#主标题{
字号：7em；
}
.市场营销{
字体大小：2.2米；
}
.科{
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
证明内容：周围的空间；
边缘底部：20px；
}
.最后一个货柜{
背景色：#e6；
}
.部分.大字幕{
字号：4em；
}
.反应迅速{
宽度：100%；
高度：自动；
}
.反应灵敏的公司{
宽度：40%；
高度：自动；
填充：50px 0 20px 0；
}
/*--页脚--*/
.站点页脚.站点地图{
右边填充：40px；
}
.site footer.site map li:第一个子项{
文本转换：大写；
颜色：灰色；
字号：900；
}
.site footer.logo{
宽度：30%；
保证金：0；
}
.site footer.main{
显示器：flex；
调整内容：灵活启动；
字号：1.5em；
}
.站点页脚.底部{
显示器：flex；
弯曲方向：行；
}
.网站页脚.链接{
颜色：灰色；
字号：900；
字号：2em；
证明内容：周围的空间；
}
.站点页脚.更改语言{
证明内容：周围的空间；
对齐项目：居中；
宽度：60%；
保证金：0自动；
}
.site footer.language{
颜色：灰色；
字号：2em；
}
.网站页脚.社交图标{
显示器：flex；
证明内容：周围的空间；
字号：3em；
宽度：40%；
保证金：0自动；
颜色：灰色；
}
img.flag{
宽度：30px；
}
/*-------移动屏幕--------*/
/*
@仅介质屏幕和（最大设备宽度：768px）和（-webkit最小设备像素比：2）{
身体{
背景颜色：蓝色；
}
}
*/
/*------------平板电脑屏幕--------*/
@仅介质屏幕和（最小设备宽度：768px）和（最大设备宽度：1024px）和（-webkit最小设备像素比：2）{
身体{
背景颜色：蓝色；
}
.公司标志{
显示器：flex；
弯曲方向：行；
柔性包装：包装；
}
.公司标志{
弹性基准：45%；
}
}
/*-------台式机/笔记本电脑屏幕--------*/
@媒体屏幕和（最小设备宽度：1024px）和（-webkit最小设备像素比：1）{
身体{
背景色：红色；
}
.公司标志{
显示器：flex；
弯曲方向：行；
柔性包装：包装；
}
.公司标志{
弹性基准：30%；
}
.导航栏.顶级菜单汉堡包{
显示：无；
}
.navbar.顶部菜单链接{
能见度：可见；
}
.navbar.链接列表{
显示器：flex；
弯曲方向：行；
柔性包装：包装；
}
}

哪里有工作，哪里就有工作










工作地点
当您的团队需要启动一个项目时，雇佣一名新员工，部署一些代码，审查销售合同，最终确定
明年的预算，衡量A/B测试，计划你的下一个办公室开幕式，以及更多，你所覆盖的松弛
开始
已经在使用Slack了吗？





你有好朋友
全世界数百万人已经在他们工作的地方松懈了
发现原因
免费试用
已经在使用Slack了吗？

开始

公司
关于我们
事业
博客
压榨
品牌指南


资源
下载
帮助
 ul.link-list li {
    padding: 5px;
}