在照应式网站中产品、动静、案例列表页中多数是图文连系的列表展现，有时辰我们配景上传图片的尺寸纷歧样，在网页中会出现上下不平，排版庞杂的标题问题，而要在网页上展现的整齐排版有序，这里我用到css定位来完成我们想要的结果。
起首，我们创立一个包裹图片的容器来放我们的图片，再从设计图纸列表页中截取一张列表图片放入，设置宽度、间距，因为是照应式以是高度不消设置，让图片自适应；结果以下图：
Html代码以下：
上图中让包裹图片的li相对定位(position:relative;),上图中放入的图片不是我们要在网页中展现的图片，我以是要颠末进一步措置，以下图：
我们真正要展现的图片用一个div包裹(类名img)，设置相对定位(position:absolute;),放在li标签里，div(img)标签写入要真正展现的配景图片门路。
css如图：
div(img)标签设置css属性(background-size: cover !important;)，让配景图片占满全部div(img)标签。
毕竟结果如图片：
这两张我们要展现的图片原始尺寸是纷歧样的，
品牌网站设计公司，颠末我的措置，他们再网页中展现的整齐有序。