728x90 반응형 분류 전체보기298 [CSS]글자가 영역밖으로 넘어갔을 때 text-overflow text-overflow를 적용하기 위해서는 overflow : hideen(영역보다 길어지면 영역을 넘어가는 부분을 숨긴다.) / scroll(항상 스크롤)/ auto(영역보다 길어지면 자동으로 스크롤 만든다); white-space : nowrap; (텍스트 줄바꿈이 되지않음) 위의 두가지 값이 지정된 값일 경우에만 적용된다. clip의 경우 크기에 맞게 잘라버리고 ellipsis의 경우 "..."을 넣어서 자른다. 보통 overflow 값이 scroll이나 auto 일경우 스크롤이 생기지만 (텍스트가 길경우) text-overflow와 함께 적용하면 텍스트가 잘리기때문에 auto의 경우 영역을 넘어가지 않는것과 같아 스크롤이 생기지 않고 scroll의 경우에는 무조건 스크롤이 생기기 때문에 스크롤이.. 2019. 5. 20. [CSS]::selection 드래그로 선택했을때 영역 색 변경하기 ::selection 가상선택자를 사용한다. p::selection{ background-color:#ccc; color:#ff0; } 아래에서 결과를 확인해 볼수 있다. See the Pen selection by gahyun (@gahyun) on CodePen. 2019. 5. 20. [자바스크립트 정규표현식] 작성하기7 - 반복되는 그룹 () 괄호로 구분된 그룹을 반복할때 숫자를 사용해서 다시 불러옵니다. 아래의 코드를 보면.. let repeatNum = "42 42 42"; let reRegex = /^(\d+)\s\1\s\1$/; let result = repeatNum.match(reRegex); let reRegex = /^(\d+)\s\1\s\1$/; ^(\d+) 문장의 시작이 숫자[0-9]가 1개이상 반복되어 나온다.그뒤에 \s 공백이오고, \1 첫번째 그룹이 또 온다. 여기서 첫번째 그룹은 ()로 묶인 첫번째로 ^(\d+) 가 된다. 공백 그리고 첫번째 그룹으로 $끝난다. 즉 let reRegex = /^(\d+)\s\^(\d+)\s\^(\d+)$/; 와 같이 쓸 수 있다. 2019. 5. 17. [자바스크립트 정규표현식] 작성하기6 - 뒤에오는 문자검사 let quit = "qu"; let noquit = "qt"; let quRegex= /q(?=u)/; let qRegex = /q(?!u)/; quit.match(quRegex); // Returns ["q"] noquit.match(qRegex); // Returns ["q"] /q(?=u)/ 뒤에 u가 따라오는 q 추출 /q(?!u)/ 뒤에 u가 따라오지 않는 q 추출 2019. 5. 17. 이전 1 ··· 51 52 53 54 55 56 57 ··· 75 다음 728x90 반응형