일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
31 |
Tags
- css 속성
- 메뉴바만들기
- css속성
- 제이쿼리
- 20231221
- open api
- 자바스크립트
- module.css
- useState
- 퍼블리싱
- 미세먼지
- 일러스트 입체글자
- Js 내장객체
- JavaScript
- 공공데이터 활용
- jQuery
- CSS
- 아코디언카드만들기
- 바닐라자바스크립트
- FOR문
- 공공데이터
- 미세먼지알림사이트만들기
- position
- 리액트
- 자바스크립트 내장객체
- react
- Illustrator2022
- 개발일지
- JS
- HTML
Archives
- Today
- Total
목록html 텍스트 단 나누기 (1)
김코드의 웹디자인 세상

안녕하세요! 오늘은 텍스트 문단의 단을 나누는 css의 속성입니다! html로 글을 작성하다 보면 길게 늘어지는 상황이 나타날 때 flex로 처리를 하려고 하면 지저분합니다... 단 설정을 해서 더 깔끔하게 처리를 하고 싶을 때 사용합니다! ✎ column-count : 단 설정 .div{ column-count: n; /*만들고 싶은 단의 수*/ } 이렇게 길게 늘어진 문단이 있습니다. column-count를 한번 사용해 볼까요?? 정해진 단의 수만큼 정리되는 것을 볼 수 있었습니다! ✎ column-gap : 단 사이 간격 설정 .div{ column-gap: 000px; /*늘리고 싶은 단의 간격*/ } ✎ break-after: 다단 위치 지정하기 만약 다단을 내가 원하는 위치에서 지정하고 싶을..
⊹ ⠀𝙲𝚂𝚂, 𝚂𝙲𝚂𝚂
2023. 3. 23. 12:47