Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- Transform
- CLIPING MASK
- 반응형
- jQuery
- Poster
- 플렉스
- float
- 웹
- sideproject
- 메소드
- 제이쿼리
- CSS
- 문자열 자르기
- position
- MARGIN
- IT
- 사이드바
- 자바스크립트
- steak
- HTML
- 레이아웃
- JavaScript
- 클리핑마스크
- PHP
- flex
- 드롭다운메뉴
- BNX사이트
- web
- Photoshop
- 판화
Archives
- Today
- Total
목록좌우정렬 (1)
코딩 슬라임 공방
FLEX 안에서 좌우정렬
margin을 사용해서 좌우로 정렬하기 FLEX의 방향이 row일 때 FLEX 요소를 정렬하기 위해서는 justify-content를 사용해서 한쪽 방향으로 정렬할 수 있었다. 하지만 단 하나의 요소만 왼쪽이나 오른쪽으로 따로 정렬하기 위해서는 justify-self를 사용해야한다고 생각 할 수 있지만 justify-self라는 기능은 존재하지 않는다. 그래서 FLEX 요소 중 오른쪽 끝으로 정렬하고 싶은 요소는 margin-left: auto; 를 사용해서 오른쪽 끝으로 정렬 할 수 있고 왼쪽 끝으로 정렬하고 싶은 요소는 margin-right: auto; 를 사용해서 왼쪽 끝으로 정렬 할 수 있다. 이 방법을 사용해서 다양하게 정렬을 할 수 있으니 확인해 보기 바랍니다.
HTML_CSS_JAVA SCRIPT 수업
2020. 7. 7. 03:18