首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在同一行中对齐4个div,页边距为10px

,可以使用CSS的flexbox布局来实现。

首先,在HTML中创建一个包含4个div的容器,例如:

代码语言:html
复制
<div class="container">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>

然后,在CSS中定义容器的样式,并使用flexbox布局来对齐div:

代码语言:css
复制
.container {
  display: flex;
  justify-content: space-between;
  margin: 10px;
}

.box {
  width: 100px;
  height: 100px;
  background-color: #ccc;
}

以上代码中,.container类设置为display: flex;,这样容器内的元素会按照一行排列。justify-content: space-between;属性会使得div在容器内均匀分布,并且两侧与容器的边距为10px。.box类定义了每个div的样式,包括宽度、高度和背景颜色。

这样,就可以实现在同一行中对齐4个div,并且设置了10px的页边距。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的视频

领券