학교의 모든 지식. SMwiki
|
|
| 7번째 줄: |
7번째 줄: |
|
| |
|
| 레이아웃을 만들기 위한 강력한 도구. | | 레이아웃을 만들기 위한 강력한 도구. |
|
| |
| ==성질==
| |
| 부모에게 주는 속성과 자식에게 주는 속성으로 나뉜다.
| |
|
| |
| css로 작성한다.
| |
|
| |
| ===부모의 성질===
| |
| <syntaxhighlight lang="css+smarty">
| |
| #container{
| |
| /*기본적으로 가로정렬. colum으로 두면 세로정렬*/
| |
| flex-direction: row;
| |
| /*메인축 정렬. center, end, space-between(요소별로 여백 주기) 등 정렬을 정한다.*/
| |
| justify-content:
| |
| /*서브축 정렬. 다양한 옵션이 가능하다.*/
| |
| align-content: center;
| |
|
| |
| }
| |
| </syntaxhighlight>
| |
|
| |
| ===자식의 성질===
| |
| <syntaxhighlight lang="css+smarty">
| |
| #container .items{
| |
| }
| |
| </syntaxhighlight>
| |
2021년 6월 4일 (금) 10:08 기준 최신판