css不同布局 |css把横向三等分

css行内高度，网站css模板下载，文字放在底部居中css，css注释语句怎么写，简述css和js的功能，css如何规定左边间距，css把横向三等分 css不同布局 |css把横向三等分

/*Flexbox布局*/
.container {
display: flex;
flex-wrap: wrap;
}
.item {
flex: 1;
}
/*Grid布局*/
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.item {
grid-column: span 2;
}
/*Float布局*/
.container {
overflow: hidden;
}
.item {
float: left;
width: 33.3%;
}
/*Position布局*/
.container {
position: relative;
}
.item {
position: absolute;
top: 0;
left: 0;
width: 33.3%;
}
/*Table布局*/
.container {
display: table;
table-layout: fixed;
width: 100%;
}
.item {
display: table-cell;
}

Flexbox布局是一种新的CSS布局方式，它可以在多行中自动调整项目的位置。Grid布局也是一种新的CSS布局方式，它可以让你更轻松地创建复杂的布局。Float布局在过去非常流行，它适合创建简单的布局。Position布局可以让你创建将元素放置在页面上指定位置的布局。Table布局适合于创建网格状的布局，但不太适合于创建响应式布局。