블로그
- [css] min-height: 0; 최소 높이 제한을 0px까지 낮춰라. .box의 실제 높이는 0px이 아니라, 부모 flex 레이아웃이 계산한 남은 공간만큼 잡힙니다. ---------------------------------- 일반 block 요소에서는 min-height: 0이 별 의미 없을 때가 많지만 flex
- 창업을 위한 홈페이지 제작(XE) 스타일시트 수정 \\127.0.0.1\WebRoot\rhymix\layouts\xedition\css\welcome_01.css @charset "utf-8"; .................... . .welcomeXE_01 .intro { width: 408px; height: 400px; /*600에서 400으로 변경*/ padding-right: 792px; background
- 창업을 위한 홈페이지 제작(XE) 레이아웃 슬라이드 사이즈 변경 변경 기본 슬라이드 사이즈가 너무 커서 줄이고 싶었데..... 1) layout.css 스타일 시트를 찾아 2) .swiper-container 의 height 숫자를 적당히 조정해주면 끝. \\127.0.0.1\WebRoot\rhymix\layouts\xedition\css\layout.css 파일 수정 layout.css 수정 ********** 슬라이드 높이
- [CSS] overflow overflow는 요소 안의 내용(content)이 요소의 크기(특히 width, height)를 넘었을 때 어떻게 처리할지를 결정하는 CSS 속성
- [CSS] grid (grid-template-areas) - grid-template-areas은 CSS Grid의 가장 직관적이고 눈에 보이는 기능 - 칸들에 이름(label)을 붙여서 시각적으로 설계할 수 있게 해주는 기능 예시 html 점 가로와 세로가 100%인 div 안에서 100%로 채워지는 그리드 레이아웃 HTML CSS html, body에 height: 100%를 설정하여, 페이지 전체를 100% 크기로
- CSS 레이아웃과 포지셔닝(블록요소 & 인라인요소) 강원도 강촌 60세 할아버지가 배우고 있는 css 레이아웃과 포지셔닝입니다. css 블록요소와 인라인요소 편입니다. css 레이아웃과 포지셔닝 블록 요소와 인라인 요소의 차이점 블록 기본적으로 새로운 줄에서 시작한다. html 예시 css예시-1 출력 예시 css예시-2 출력예시 너비(width), 높이(height), 여백(margin, padding,border
- HTML / CSS / Height Transition(Animation) accordion menu 강의 보고 기억 더듬으며 구현하려고 했는데 height 값이 생각처럼 동작하지 않았다. 트랜지션을 적용하려고 했을 때 부드럽게 펴지는 게 아닌 갑자기 툭하고 순간적으로 펼쳐지고 접히고 하는 문제였다. 검색으로 알아본바로는 maxHeight 이런걸 써서 하라고는
- display: flex —— Css .approval-group{display: flex; align-item: stretch; height: 100%; width: 100%;} .approval-item {flex: 1 0 0%; border: 1px solid rgba(0,0,0,0.1); overflow: auto; min-height: 150px; height: 100%;} .
- [모각코 플러스] HTML+CSS 심화과정 13일차 과제 8. 미니홈피 다이어리 만들기(미니홈피 완성!) . · img 태그가 중앙에 배치되려면 img 태그를 감싸고 있는 박스의 css 속성을 바꿔줘야 한다. · img 태그가 너무 클 경우 width 혹은 height 속성을 80% 정도로
- [CSS] height를 브라우저나 디바이스 화면 크기에 맞추기 [CSS] height를 브라우저나 디바이스 화면 크기에 맞추기 css에서 선택자 { height: 97vh; background:#FAFAFA; } height : 100vh 값을
1 페이지
다음 →