how:

    • 块级元素:display:flex
    • 行内元素:display:inline-flex

      flex和inline-flex区别在于,inline-flex容器为inline特性,因此可以和图片文字一行显示;flex容器保持块状特性,宽度默认100%,不和内联元素一行显示

    flex容器属性:

    • flex-direction
    • justify-content
    • align-items

    flex容器内元素的属性

    • order
    • flex-grow
    • flex-shrink
    • flex:以上三属性的缩写形式