본문 바로가기

div2

HTML - Div를 화면 중앙 가운데 반응형 노출 DIV로 안내 페이지 만들기 안녕하세요. 고코더 입니다. 오늘은 DIV를 화면 가운데 중앙에 위치 하게 하는 방법을 알아보겠습니다. ● 1. 제가 만든 모니터 체크 사이트에서 사용한 HTML 입니다. http://monitor.gocoder.net 안내 페이지로 반응형으로 DIV를 화면 가운데로 노출하였습니다. ● 2. HTML을 웹에서 실행 해보세요. 123456789101112131415161718192021222324252627282930313233343536 .layer { position: absolute; text-align: center; width: 100%; height: 100%; top: 0; left: 0; font-size: 50px; } .layer .content { displ.. 2019. 6. 21.
jQuery - 긴 텍스트 ... 으로 줄이기 / dotdotdot 긴 글 텍스트 축약하기 DIV에 긴 텍스트가 들어가면 크기가 조절이 되거나 일명 글자가 삐져나오죠 그래서 보통 몇 글자 이상이면 ...을 붙혀서 축약 시키도록 코딩을 합니다. 하지만 해당 기능 각 프론트 개발자마다 다르게 구현 해놓아 유지보수가 어렵습니다. 그래서 오늘은 긴 텍스틀 알아서 축약해주는 플러그인을 소개하겠습니다. ▼우선 참조 사이트는 아래입니다. nl을 보아 네덜란드 개발자인거 같은데 홈페이지 부터 매우 이쁘네요 자세한 레퍼런스는 해당 홈페이지에서 둘러보세요 http://dotdotdot.frebsite.nl/ 해당 사이트를 참고해 개발자 분들이 빠르게 익힐 수 있도록 익스프레스하게 예제를 만들어봤습니다. ▼jquery와 해당 dotdotdot.js를 참조하였습니다. 1 2 cs ▼우선 사용.. 2017. 12. 24.