flex 신축성 상자 핵심 지식점

6174 단어
flex 수평 및 수직 정렬



    
    
    
    Document
    



    
  • 1
  • 2
  • 3
  • 4

inline-flex



    
    
    
    Document
    


    

inline-flex flex


flex-grow 남은 공간 분배 방식
  • 평균 분배
  • 
    
    
        
        
        
        Document
        
    
    
        

    1

    2

    3

  • 어떤 하위 요소가 모든 남은 공간을 차지한다
  • 
    
    
        
        
        
        Document
        
    
    
        

    1

    2

    3

  • 필요 시 할당
  • 
    
    
        
        
        
        Document
        
    
    
        

    1

    2

    3


    flex-direction 상자 배열 방향
    
    
    
        
        
        
        Document
        
    
    
        

    1

    2

    3


    박스 줄 바꿈 설정
    
    
    
        
        
        
        Document
        
    
    
    
        
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20

    좋은 웹페이지 즐겨찾기