垂直Div间距

she*_*eep 3 html css spacing

如何以最少的代码水平分配3个div?

我有3个具有相同类的div,我需要水平分布它们,每个div之间有19个像素的空间.

我的解决方案目前是给前2个div一个19像素的右边距,并为第3个div分配一个单独的类,使其左边距为19像素.

这可以完成工作,但我觉得可能有更好的方法.理想情况下,所有3个div仍然具有相同的类.

thi*_*dot 7

请参阅: http ://jsfiddle.net/thirtydot/q6Hj8/

.yourDivClass + .yourDivClass {
    margin-left: 19px
}
Run Code Online (Sandbox Code Playgroud)

这使用相邻的兄弟组合器应用于margin-left每个.yourDivClass前面有a .yourDivClass- 换句话说,除了第一个之外的所有组合.

  • 别客气.`+`无处不在,*除了*用于古老的IE6(你不应该再关心). (3认同)