宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取
如何在
HTML中让图片以原尺寸比例显示?
& lt;div & # 160class = & quot合作_ one & quot& gt
& ltdiv & # 160class = & quot合作_人& quot& gt
& ltspan & gt
<img src="./static/imgs/pages/coo/cooperation_4.png" alt="" srcset=""> & ltimg & # 160src = & quot。/static/imgs/pages/COO/cooperation _ 4 . png & quot; alt = & quot” srcset = & quot”& gt
& lt/span>。
& lt/div & gt;
& lt/div & gt;
。合作_一{
宽度:& # 160;30%;
身高:& # 160;100px //确保所有图片的高度固定
行高:& # 160;100px //垂直居中
显示:& # 160;flex //灵活的布局保证了左右居中。
调整-内容:& # 160;空间环绕;
}
。合作_人{
显示:& # 160;表格单元格; //确保每行的高度相同
文本对齐:& # 160;居中;
垂直对齐:居中;
}
。合作_人& # 160;跨度{
显示:& # 160;屏蔽;
宽度:& # 160;100%;
保证金:& # 160;0 自动;
}
.cooperation_people img{。合作_人& # 160;img{
最大宽度:& # 160;100%;
最大高度:& # 160;100%;
}