내가 보려고 정리한 HTML & CSS5 [CSS] white-space:pre-line; DB에 넣어준 데이터를 줄바꿈 포함해서 html 혹은 jsp에 출력해주고 싶을때 이런식으로 스타일에 white-space:pre-line; 이걸 넣어주면 된다 2020. 9. 1. [CSS] display: flex Flex 아이템들은 가로 방향으로 배치되고, 자신이 가진 내용물의 width 만큼만 차지하게 되지요. 마치 inline 요소들 처럼요. height는 컨테이너의 높이만큼 늘어납니다. height가 알아서 늘어나는 특징은 컬럼 레이아웃을 만들 때 아주 편리하겠네요~ 출처: https://studiomeal.com/archives/197 2020. 8. 23. [CSS] hover, transition html>lang="en"> 2020. 6. 15. [CSS] Position Position - static: 위, 왼쪽에서부터 순차적으로 자리잡는 형태 - absolute: static이 아닌 부모를 기준으로 left, right, top, bottom으로 움직일 수 있는 형태 - relative: 각각의 태그가 기존 static이었을 때의 위치를 기준으로 top, right, bottom, left 방향으로 주어진 픽셀만큼 이동 - fixed: 스크롤 내려도 그대로 그 자리 고정 2020. 6. 15. 이전 1 2 다음 반응형
