怎么让他们看起来有间隔
时间: 2024-04-12 14:31:26 浏览: 155
修改UL和LI间隔的简单方法
如果你想要让这三个 div 之间有间隔,你可以在它们的样式中添加一些间距属性,比如 margin 或 padding。
使用 margin:
你可以给每个 div 设置一个 margin 属性来创建水平间距。
CSS 代码:
```css
.item {
flex: 1;
margin-right: 10px; /* 右侧间距为 10 像素 */
}
.item:last-child {
margin-right: 0; /* 最后一个 div 取消右侧间距 */
}
```
使用 padding:
你可以给每个 div 设置一个 padding 属性来创建水平间距。
CSS 代码:
```css
.item {
flex: 1;
padding-right: 10px; /* 右侧间距为 10 像素 */
}
.item:last-child {
padding-right: 0; /* 最后一个 div 取消右侧间距 */
}
```
你可以根据需要自行调整间距的数值。
阅读全文