전체 글28 [CSS] position: absolute 가운데 정렬 시키기 left: 50%; top: 50% 준 후에 transform을 이용해 요소 크기 만큼 보정 하기 .contents { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 높이값은 지정하고 좌우만 가운데 정렬할 경우. .contents { position: absolute; left: 50%; top: 300px; transform: translate(-50%, 0); } 2023. 3. 13. [HTML&CSS]img 태그 src가 없을때 기본 이미지 표시하기 img 태그 안에 onerror="this.src='default 이미지 주소' "를 추가하면 된다. onerror='주소'만 추가해도 된다고 하지만, 이상하게도 적용되지 않았다. 혹시 저처럼 안되는 경우에 this.src=''를 사용해보기를 바란다. 1 cs 2023. 3. 5. [CSS]IMG를 수직 중앙 정렬 시키기 wrapper에 line-height 값을 지정하고 img에 vertical-align:middle; 을 지정한다. 예시 : .press-img-wrapper { position: relative; width: 200px; height: 200px; line-height: 200px; } .press-img { width: 100%; vertical-align:middle; margin: 0; } 2023. 2. 17. JavaScript 쿠키 생성/삭제 방법 - 쿠키 생성 (만료기간 설정 방법1) 1 2 3 4 5 function setCookie( name, value, expiredays ) { var date = new Date(); date.setDate( date.getDate() + expiredays ); document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + date.toGMTString() + ";" } Colored by Color Scripter cs - 쿠키 생성 (만료기간 설정 방법2) 1 2 3 4 5 var setCookie = function(name, value, exp) { var date = new Date(); date.setTime(date.getT.. 2023. 2. 15. 이전 1 2 3 4 5 6 7 다음