| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- vscode
- property
- 코딩테스트
- sass
- row-gap
- 코드다이어리
- js
- 친해지기
- 코딩문제
- Pseudo
- CSS
- frontend
- column-gap
- tailwindcss
- 정규식표현
- 코딩퀴즈
- display
- 선택자
- 코딩일기
- regexp
- 코드일기
- 가상클래스
- CLASS
- Grid
- DOM
- scss
- HTML
- Coda
- JavaScript
- Today
- Total
목록2024/01/19 (2)
< Code diaries />
말줄임 표시하기 1줄 말줄임white-space: nowrap; /* 줄바꿈 허용 안함 */overflow: hidden;text-overflow: ellipsis; white-space:nowrap 은 줄바꿈을 허용하지 않는 속성이다. 줄바꿈을 허용하지 않아야 한줄로 overflow가 생길수 있게 되어 한줄이상의 넘치는 문자열을 overflow:hidden으로 숨기고, text-overflow설정으로 말줄임표를 붙일 수 있다.여러줄 말줄임overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 여기에서 지정한 숫자로 말줄임 된다 */-webkit-box-orient: vertical; 여러줄 말줄임이므로..
element.insertAdjacentElement()- 특정엘리멘트에 노드를 삽입하는 메소드 이다. - Syntax(구문)insertAdjacentElement(position, element) - Parameters(파라미터) - position타겟요소의 상대적인 위치를 문자열로 지정한다. 반드시 텍스트가 일치해야하며 대소문자를 구분하지는 않는다.A string representing the position relative to the targetElement; must match (case-insensitively) one of the following strings:Parameters(String type)Description'beforebegin'Before the targetElement i..