본문 바로가기

text-overflow: ellipsis; Div 동적으로 사이즈 변환할때 텍스트 영역 채우기 텍스트가 Div 값을 넘어갈때 말줄임 한다. css 에서 이런게 될줄은 생각도 못했는데... 코드 예 The text-overflow Property The following two divs contains a text that will not fit in the box. text-overflow: clip (default):Hello world! text-overflow: ellipsis:Hello world! text-overflow: "----" (user defined string):Hello world! Note: The text-overflow: "string" only works in Firefox. 발췌 : w3schools.com htt.. 더보기
getBoundingClientRect() Method 요소의 left, top, width, height 값을 반환한다. function myFunction() { var div = document.getElementById("myDiv"); var rect = div.getBoundingClientRect(); x = rect.left; y = rect.top; w = rect.width; h = rect.height; alert ("Left: " + x + ", Top: " + y + ", Width: " + w + ", Height: " + h);} 더보기
<a href="#">, javascript:void(0); javascript:void(0);javascript:; 기초가 되는 태그 중에 하나 지만 차이점이 맨날 헛갈림..왜 저렇게 쓰는지도 모르고 그냥 사용함.. 1. 기본적인 사용법 : a 태그에 onclick 사용하기 a 태그를 클릭하면 href 에 지정한 url 로 페이지가 바뀌면서 이동하게 되는데 그렇게 이동하고 싶지 않을때 사용함 쉽게 말해 a태그의 디자인성은 살리면서 링크 없애기 2. 차이점 링크 의 문제점은 페이지가 긴 스크롤이 있는 곳에서 사용하면 무조건 페이지 상단으로 이동함 링크 와 같은 방식으로 해결 가능 추가 설명 태그는 기본적으로 div id 로 이동할때 사용됨 서울 부산 대구 서울은 어쩌구 저쩌구....부산은 어쩌구 저쩌구....대구는 어쩌구 저쩌구.... 링크 무효 설명충1. 여기서.. 더보기