Grid布局:Grid布局知识点
布局1:左右俩边固定,中间自适应
<style>
.wrap{
display: grid;
grid-template-columns: 300px auto 300px;
grid-template-rows: 100px;
}
.content-left {
grid-column: 1 / 2;
background: red;
}
.content-center {
grid-column: 2 / 3;
background: green;
text-align: center;
}
.content-right {
grid-column: 3 / 4;
background: red;
}
</style>
<div class = "wrap">
<div class = "content-left"></div>
<div class = "content-center">