javascript (2) 썸네일형 리스트형 CSS : 요소 및 레이어 중앙정렬 방법 퍼블리싱을 진행하다보면 레이어를 가운데정렬 할 일이 빈번하게 일어나는데요, 텍스트의 중앙정렬은 text-align 이나 line-height 를 이용하지만 레이어 중앙정렬은 어떻게 해야할까요? 하단에보이는 박스로 예시를 보여드리겠습니다. BOX position:absolute 와 margin 마이너스값 을 이용한 방법 우선, 가장 일반적이면서 간단한 방법입니다. 60px 이라는 정사각형 박스라고 가정하에 부모요소인 wrap 에 position: relative 로 기준을 잡고, 박스에 position: absolute 를 50% 씩 걸면 좌표의 기준이 박스 상단으로 잡히기때문에 기준점은 박스 상단을 기준으로 정렬이되어 중앙정렬이 되지않습니다. 이러한 경우에는 margin 값으로 박스의 절반만큼 마이너스 .. highlight.js : 코드 구문강조 플러그인 1.소개highlight.js 는 코드 구문강조 를 위한 플러그인 이며 자바스크립트로 작성된 코드작성용 라이브러리 입니다. 많은언어와 다양한 스타일을 제공하며 자동으로 언어를 감지해주고 130개의 언어와 79개의스타일을 제공하며 자동으로 사용된 코드 구문을 찾아 알맞은 스타일로 표현해줍니다.176 languages and 79 stylesautomatic language detectionmulti-language code highlightingavailable for node.jsworks with any markupcompatible with any js framework 2.사용법사용방법은 두가지가있습니다. 홈페이지를 통해 무료로 다운받아 업로드하는방식, 또는 CDN(Contents Delivery .. 이전 1 다음
