overflow: hidden;//清除浮动
display: inline-block;//转化块级行内元素,
list-style: none;清除元素样式
display: flex;伸缩布局
这是vertical-align,设置元素的垂直对齐方式
image.png
设置最小的宽度:min-whith:400px;
object-fit:cover;
父元素绝对定位后影响到了子元素的a标签响应的事情,解决方法是在父元素加一个z-index:998(值可以大一点);就行了.
盒子居中显示:position:absolute;
left:50%;
transform:translateX(-50%);