css拾遗(7)-猫头鹰选择器

自动计算距离

flex最迷人的地方就是自动计算距离。比如这样一个菜单设计:
1.png

右边的美食一项,如果用ul li结构设计,最后一个li可以用margin-left:auto自动计算距离,因为flex默认是填满整个空间的。




    
    
    
    Document
    


    


猫头鹰选择器

我们可以单独定义一个flex类,然后用猫头鹰选择器来优化以上代码。




    
    
    
    Document
    


    


猫头鹰选择器也可以设置全局的上下外边距:




    
    
    
    Document
    


    
头部
内容
2.png

你可能感兴趣的:(css拾遗(7)-猫头鹰选择器)