flex-basis : 중첩 flex사용시 basis 주의
flex를 중첩하는 순간 위에있는 flex가 li의 flex-basis를 줬음에도 콘텐트크기로 줄여버린다.
flex-basis 대신 width로 바꿔준다
페이저 가로로 나열하기 display:flex
마진간격 ul에 한꺼번에 적용 margin: 0 4px;
margin : 위아래 양옆;
margin : 위,오른쪽,아래,왼쪽
공통마진적용속성utils style에 적용
'2021 Newlecture > HTML & CSS' 카테고리의 다른 글
| (모바일) 그리드내에서 아이템주식 정렬 align-items: center; 박스사이즈 유지box-sizing: border-box; (0) | 2021.05.06 |
|---|---|
| align-items: center/ margin-right: auto(여백나눠가지기) (0) | 2021.04.23 |
| viewpoint / DIP / devide-width (0) | 2021.04.20 |
| 공지사항영역에 사이드메뉴겹치기 (0) | 2021.04.15 |
| 메뉴가로로 나열/ div 이름을 부여 ? HTML구조이용 ? / 버튼속성 집중화 (0) | 2021.04.13 |
| 인라인태그에서 범용도구 <span> /:root / 변수선언 (0) | 2021.04.12 |
| 테이블헤더 구분 이미지넣기 / first-child제외적용 / text-align: right; (0) | 2021.04.09 |
| 테이블 / white-space: nowrap; text-overflow: ellipsis /제목열만 왼쪽정렬하기 (0) | 2021.04.08 |