AngularDemo/src/app/body/body.component.scss

30 lines
491 B
SCSS
Raw Normal View History

2023-12-07 14:38:02 +00:00
@tailwind base;
@tailwind utilities;
@tailwind components;
.li-img li {
list-style: none;
float: left;
width: 25%; /*四列图片排列*/
height: 175px;
overflow: hidden;
}
.li-img li img {
position: relative;
width: 100%;
height: auto;
top: 50%; /*li高度的一半*/
transform: translateY(-50%); /*再向上移动自身的50%*/
}
/*清除浮动*/
.clearfix:after {
position: relative;
content: '';
display: block;
width: 0;
height: 0;
visibility: hidden;
clear: both;
}