scss2 [SCSS] text-overflow - 넘치는 텍스트 표기 글자수 제한 및 잘린 문자 ...로 변환 text - overflow - 넘치는 텍스트 표기 *추가로 정리해야할 부분 -webkit-line-clamp , -webkit-box-orient, -moz-box-oreint / 줄바꿈 크로스 브라우징 개념 text-overflow는 white-space를 이용해 줄바꿈을 하지 않을 때 넘치는 텍스트 처리를 어떻게 할 것인지를 처리하는 속성이다. 속성 clip 넘치는 텍스트를 자름 ellipsis 말 줄임표로 잘린 텍스트가 있다고 표시 표시방법 그림 속성 설명 1. text-overflow: clip; div 너비를 고정시키고 텍스트를 길게 입력했을 때, overflow: hidden과 white-space: nowpre로 설정하게 되면, 넘치는 텍스트는 자르.. STYLESHEET/SCSS 2023. 3. 20. [SCSS] 기본설정 SCSS 내용 파악 1. 폴더 구조 ㅇ Root/src/ 외에는 자유롭게 관리한다. 2. 파일 구조 common ㅇ _base.scss : resetCSS 모음 ㅇ _vaiables.scss : 변수 모음 ㅇ _mixins.scss ㅇ _placeholder.scss : extend 모음 lib ㅇ 외부 라이브러리 모음 3. 인코딩 ㅇ 모든 scss 파일에 charset 를 선언한다. ㅇ 컴파일 후에 charset 선언은 하나만 남게 되므로 여러 파일에서 작성해도 문제 없음. ㅇ 공백 없이 최 상단에 작성한다. ㅇ 쌍따옴표를 사용한다. 4. 중첩 ㅇ 최대 3뎁스 중첩까지 사용하는 것 권장 5. 들여쓰기 및 선언 순서 ㅇ 중첩마다 들여쓰기 ㅇ 하위 선택자가 시작될 때마다 빈 줄 추.. STYLESHEET/SCSS 2023. 2. 24. 이전 1 다음