css两个div上下间距

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在CSS中,设置两个div之间的上下间距非常简单。首先,在HTML中我们要在这两个div的之间添加一些空白字符(如回车符、空格符等),然后再在CSS中对这些空白字符进行调整。<div c

在CSS中,设置两个div之间的上下间距非常简单。首先,在HTML中我们要在这两个div的之间添加一些空白字符(如回车符、空格符等),然后再在CSS中对这些空白字符进行调整。

<div class="div1">Div 1</div>

<div class="div2">Div 2</div> 

在上面这段代码中,我们在两个div之间添加了一个换行符,即

Div 1
Div 2
之间有一个换行符。

.div1 {
  margin-bottom: 20px;
}

.div2 {
  margin-top: 20px;
} 

在上面这段CSS代码中,我们对

Div 1
设置了一个下边距(margin-bottom)为20个像素,对
Div 2
设置了一个上边距(margin-top)为20个像素。

通过以上的操作,我们就可以在两个div之间实现上下间距的效果。如果需要修改间距的大小,只需修改CSS中的margin值即可。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css两个div上下间距

粉丝

0

关注

0

收藏

0

已有0次打赏