介绍
这篇文章主要介绍flex布局下图片变形怎么办,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
flex布局是现在常用的一个布局方式,但是有时候也会导致出现一些小问题。本人在使用flex布局做一个左边头,像右边文字的时候,发现固定图片的宽度时,图片宽度仍然发生了变化。
下图是头像本应该是圆形的,但是被挤压变形了。
& lt; div 类=叭嗣癖? & lt; img 类=癮vatar", src=https://www.yisu.com/zixun/薄?avatar.jpg”alt="阿凡达">托尼
没错,我就是你们的托尼老师,快来找我剪头发吧!
/*,父元素,*/.people { 显示:flex; }/*,头像,*/.avatar { 宽度:64 px; 身高:64 px; border - radius: 32像素; }/*,人物介绍,*/.des { margin-left: 24 px; }
网上查找常用的办法是在img标签外再套一个div
& lt; div 类=叭嗣癖? & lt; div> & lt; img 类=癮vatar", src=https://www.yisu.com/zixun/薄?avatar.jpg”alt="阿凡达">