div css布局大全
时间: 2023-08-04 12:35:48 浏览: 109
很好,以下是一些常见的div CSS布局:
1. 固定宽度居中布局:
```css
.container {
width: 960px;
margin: 0 auto;
}
```
2. 弹性布局:
```css
.container {
display: flex;
justify-content: center;
align-items: center;
}
```
3. 栅格布局:
```css
.row {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.col {
flex: 1;
padding: 0 10px;
}
```
4. 两列布局:
```css
.container {
display: flex;
}
.left {
flex: 1;
}
.right {
width: 300px;
}
```
5. 三列布局:
```css
.container {
display: flex;
}
.left {
width: 200px;
}
.center {
flex: 1;
}
.right {
width: 200px;
}
```
希望这些布局可以帮助到你。
阅读全文