<div class="cooperation_people">
<span>
<img src="./static/imgs/pages/coo/cooperation_4.png" alt="" srcset="">
</span>
</div>
</div>
.cooperation_one{
width: 30%
height: 100px // 保证所有的图片高度固定
line-height: 100px //垂直居中
display: flex //弹性布局保证左右居中
justify-content: space-around
}
.cooperation_people{
display: table-cell //保证每行的高度是一样的
text-align: center
vertical-align:middle
}
.cooperation_people span{
display: block
width: 100%
margin: 0 auto
}
.cooperation_people img{
max-width: 100%
max-height: 100%
}
操作如下：图像文件和http、html文件位于同一文件夹：只需输入图像文件的名称即可展示。
图像文件位于http、html文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，点击即可展示。
图像文件位于http、html文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推，点击即可展示。
http，html指的是路径，当我们需要在网页中插入图像等外部文件，此时就需要采用“路径”的方式来指定文件的位置。
代码是“<img scr = '图片地址'>”。
1、新建html文件，在body标签中添加img标签，img标签在html中没有结束标签，所以不需要添加“</img>”代码。给img标签添加属性“src”，属性值填自己想要添加图片的地址，这里以同一目录下的1.png为例，这样图片就添加好了:
2、为了防止用户浏览网页时图片加载失败而不知道这边是什么内容，可以给img标签添加“alt”属性，属性值填想要显示的内容，这里以“鹦鹉”为例，此时，当图片加载失败时，“鹦鹉”两个字就会显示出来：
3、img插入的图片大小默认是图片自身的大小，我们可以用“width”属性和“height”属性控制图片大小，这里以宽度200和高度200为例，此时代码就是“width='200' height='200'”，这样图片大小就会变成200*200：
