本文介绍了一种使用CSS实现的布局方法，并通过JavaScript为元素添加点击事件以改变布局。当某个元素被点击后，该元素将隐藏且剩余元素自动填充空白区域。
html
`
`
css
`
.flex {
background-color: red;
height: 100%;
width: 100%;
display: flex;
}
.item {
background-color: yellow;
width: 25%;
height: 50%;
}
.item1 {
background-color: black;
width: 25%;
height: 50%;
}
.item2 {
background-color: blueviolet;
width: 25%;
height: 50%;
}
.item3 {
background-color: cornflowerblue;
width: 25%;
height: 50%;
}
`
给items添加一个点击事件 让他消失 剩下的几个Item自动填充剩下的宽度
`
$(".item3").click(function () {
console.log(123);
$(this).hide();
})
`
纯CSS的话 在布局的时候如何实现
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
