css3两块平均

CSS3中的两块平均是一种非常实用的CSS技术，可以用来让两个元素在同一行中平均分配父容器的宽度。在这篇文章中，我们将深入了解CSS3中的两块平均，以及如何使用它来创建响应式布局。

/* CSS代码 */

.parent {
  display: flex; /* 将父容器设置为弹性布局 */
  justify-content: space-between; /* 让两个子元素之间有空白间距 */
}

.child {
  width: 50%; /* 将子元素宽度设置为50% */
}

如上所述，我们需要将父容器设置为弹性布局，然后使用justify-content属性来控制子元素之间的空白间距。在这种情况下，我们使用了space-between值，这样子元素之间的间距将是平均的，并且父容器的宽度将被平均分配给每个子元素。

此外，我们将子元素的宽度设置为50%，这样它们将占据父容器宽度的一半。这种技术非常适用于创建响应式布局，因为子元素的宽度会根据父容器的尺寸进行自适应调整，从而适应不同的屏幕尺寸。

总的来说，CSS3中的两块平均是一种非常实用的技术，可以用来创建响应式布局，并使布局更加灵活和适应不同的屏幕尺寸。如果你还没有使用过这种技术，那么现在就是时候去尝试一下了！