美文网首页
小薇学院任务十(flexbox)

小薇学院任务十(flexbox)

作者: garble | 来源:发表于2017-04-07 21:29 被阅读0次

    1.在Flex容器中,当项目边距设置为“auto”时,设置自动的垂直边距将使该项目完全集中两个轴。(前提是这个元素显式的设置了width和height)
    2.多栏布局模块的column-*属性对弹性项目无效。
    3.float与clear对弹性项目无效。使用float将使元素的display设计为block。
    4.vertical-align对弹性项目的对齐无效。
    5.可以使用calc来进行多种单位的混合运算,比如

    h2,h3{
         font-size: calc(1.266rem +0.511*(100vw-20rem)/100);
    }
    

    相关文章

      网友评论

          本文标题:小薇学院任务十(flexbox)

          本文链接:https://www.haomeiwen.com/subject/wlkkattx.html