목록FrontEnd (1)
Xesper's blog
[CSS] Flex 써보기
먼저 부모가 flex로 지정되어야함. .container { display:flex;} flex-direction 각각 아이템들을 가로로 나열하려면 row, 세로는 column justify-content가로 정렬flex-start(default)flex-endcenterspace-betweenspace-around align-items세로 정렬flex-start(default)flex-endcenterbaselinestretch위의 정렬들은 자식들을 전체정렬하는 기준이고 개별적으로 정의하고 싶을땐 자식 자체가 값을 달리하면 됨. .item1 {align-self: flex-end;} 예제 : https://jsfiddle.net/xnbrmhxy/
FrontEnd/CSS
2017. 7. 21. 22:35