CSS 图片 文在一行显示,其实就是控制图片的 display
属性,让它表现为行内元素。
img{ display: inline-block; /*将图片转化为行内元素*/ max-width: 100%; /*使 img 的宽度最大不超过其父元素*/ height: auto; /*使高度与宽度成比例,防止图片变形*/ }
.image-wrapper{ display: inline-block; /*将包裹器转化为行内元素*/ } .image-wrapper img{ max-width: 100%; /*使 img 的宽度最大不超过其父元素*/ height: auto; /*使高度与宽度成比例,防止图片变形*/ }