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
- gulp
- Eclipse Compare View
- 이클립스 소스 비교 안보일 때
- error
- 정적웹사이트
- 자바스크립트
- React
- frontend
- css
- 이클립스
- Eclipse
- Adobe
- Study
- tomcat
- ref
- html
- animation
- Eclipse Bug
- npm
- java
- SSR
- ref전달하기
- VW
- Sass
- 1분코딩
- CSS3
- 보일러플레이트
- JavaScript
- TaskRunner
- next.js
Archives
- Today
- Total
프론트 개발 블로그
word-wrap 대신 overflow-wrap 본문
요소 밖으로 넘치지 않게 줄 바꿈을 할 때 사용하는 word-wrap
MDN 문서로 확인해보니 overflow-wrap 으로 사용하고, word-wrap 은 동의어가 되었다고 한다.
https://developer.mozilla.org/ko/docs/Web/CSS/overflow-wrap
overflow-wrap - CSS: Cascading Style Sheets | MDN
overflow-wrap CSS 요소는 어떤 문자가 내용 칸 밖으로 넘치지 않게 브라우저가 단어 마디 안에 줄을 바꿔야 할 것인지 아닌지를 정할 때 사용됩니다.
developer.mozilla.org
일단 적어두고 테스트 하자
반응형
'CSS' 카테고리의 다른 글
특정 스크롤 위치에 부드럽게 애니메이션 적용 scroll-behavior: smooth; (0) | 2021.11.15 |
---|---|
input 자동완성 배경색 변경하기 (0) | 2021.10.28 |
[가상 클래스] not:() 을 사용해보자 (0) | 2021.01.08 |
vw calculator (0) | 2020.12.28 |
IE에서 가상요소 사용 시 속성이 삭제 되는 현상 (3) | 2020.09.21 |