테이블 사이즈 고정하는 css table-layout:fixed

게시글

테이블에서 valign=middle 처럼 div에서 middle 정렬하는 방법

middle를 원하는 div에 display:table-cell;vertical-align:middle; 이렇게 입력하면 테이블의 valign=middle 처럼 정렬될것 같지 만 정렬되지 않는다 감싸고 있는 상위 div에 display:table 을 선언해주었을때 비로소 middle가 적용된다 valign정렬이라는것 자체가 table에 있는 속성이여서 그런지 css내에서도 table-cell 처럼 table단어가 들어가 있다

게시글

이미지,프레임 사이즈등 변경하는 정규식

이미지,프레임 사이즈등를 변경하 고자 할때가있다 그럼 해당 width,height 값을 변경해야되는대 해당부분만 고치기 위해서는 정규식이 필요하단 $ext1_1=preg_replace("!width=\"(.*?)!is",'width="400"',$ext1_1);//자동사이즈 조절 $ext1_1=preg_replace("!height=\"(.*?)!is",'height="300"',$ext1_1); width=400,height=300사이즈로 변경하는 정규식이다 유트브에서 "

게시글

이미지를 커팅하는 방법

실제로 이미지가 커팅되는것이 아닌 보여지는 부분을 제한 하는 형식이다 CSS로 특정 이미지 만큼 잘라서 보여주기

게시글

css 라운드 넣는 방법

태그에 라운드 넣는 방법 solid border-radius:20px 해당라운드 수치임 라운드모양을 실선,점선등으로 표기가능하다 자주사용하는 종류 solid:실선 dotted:짧은 점선 dashed:긴 점선

게시글

페이지 뷰에서 확대 축소할때 확대되거나 축소된 크기를 반환하는 이벤트

브라우저에서 뷰를 확대하거나 축소했을때 해당 크기의 비율을 가져오고 싶을때 사용한다 뷰의 비율을 알아내기 위해서는 window.devicePixelRatio 를 사용하는데 모든 브라우저에서 적용되진 않는다

게시글

<hr> 태그 가로선 태그에 색상을 넣는 방법이다

태그에 색상을 넣고 싶으면 이렇게 CSS를 통해 넣으면 적용될것 같지만 그렇지않다 그이유는 hr는 top,bottom라인이 존제한다 해서 기본적으로 하면 라인이 2px로 된다 top,bottom 각각 1px씩 2px이된다 해서 1px로 하고자 할때 border-bottom:1px solid #000000;border-top:none; 이런식으로 라인 하나를 제거하면된다

게시글

textarea내에 엔터를 통해 자동으로 늘리는 방법

글을 작성할때 엔터키를 누르면 자동으로 세로 사이즈가 늘어나게 하고 싶을때가 있다 이때 사용하는 방법이다

게시글

아이프레임 처럼 스크롤바를 넣고 싶은경우

특정위치의 내용의 가로 세로 사이즈가 고정되어 야 하는경우가있다 이때 범위가 벗어나면 안되는경우가 있는데 벗어나게되면 전체적인 디자인이 깨지거나 하는경우이다 이때 사용하는 방법이 스크롤이 생기게 하는방법인데 아이프레임으로 스크롤을 처리해도 되지만 스타일로 간단하게 처리하는 방법이있다 아이프레임 효과 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 가로세로 300px가 넘어가는 경우 자동으로 스크롤 처리하는 부분이다 overflow:auto; 부분으로 스크롤이 없다가 사이즈가 오버되면 그때 스크롤이 생긴다