宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取

html如何固定图片大小(html如何固定图片大小一致)-冯金伟博客园

如何在

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&gt。

        & 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%;

}