Files
web-learning/flex布局/container3.css
2024-03-20 20:54:41 +08:00

21 lines
512 B
CSS

.container3{
width: 400px;
height: 400px;
background-color: aqua;
display: flex;
justify-content: space-between;
}
.inter{
width: 100px;
height: 100px;
background-color: blue;
}
.container3 div:nth-of-type(2){
/* 伪类用于单个参数指定,该参数表示匹配元素的模式 */
align-self: center;
}
.container3 div:nth-of-type(3){
/* 伪类用于单个参数指定,该参数表示匹配元素的模式 */
align-self: flex-end;
}