.box{ margin: 10px 0; }
在上面的代码中,大家使用了一个类名为box的元素,并设置了上下外边距为10px。如果大家有多个类名为box的元素同时存在于页面中,那它们的上下外边距就会合并在一起,从而达到节省空间的效果。
需要注意的是,合并外边距只对相邻的元素有效,如果两个元素之间存在任何其他元素或边框、内边距等情况,就会失去合并的效果。
除此之外,还需要注意合并外边距的方向,只有上下外边距能够合并,左右外边距无论如何都不会合并。
总结一下,CSS合并外边距是一个非常实用的属性,可以帮助大家在页面中更加灵活地布局元素。使用时需要注意合并方向和相邻元素的关系。