项目中在做这种两列卡片布局的时候,由于卡片里面有图片,导致两个卡片即使是同样的内容,也无法对齐(卡片高度不一,错位)。想达到的目标是第二行的样子,但是实际出来是第一行的版式。
解决办法是给img标签的外层容器(比如div)加上相对定位
position: relative;
然后给img标签加上绝对定位
position: absolute;
就可以了。
项目中在做这种两列卡片布局的时候,由于卡片里面有图片,导致两个卡片即使是同样的内容,也无法对齐(卡片高度不一,错位)。想达到的目标是第二行的样子,但是实际出来是第一行的版式。
解决办法是给img标签的外层容器(比如div)加上相对定位
position: relative;
然后给img标签加上绝对定位
position: absolute;
就可以了。