css-layout

layout utility javascript

css-layout은 순수 자바스크립트를 사용하여 CSS 레이아웃을 재구현한 라이브러리입니다. 웹 개발자들이 JavaScript 내에서 CSS 레이아웃을 더 쉽게 조작하고 구성할 수 있도록 도와줍니다.

Latest Ver 1.1.1

Homepage

Github

17,664

📢 자바스크립트만으로 CSS 레이아웃을 구현하는 라이브러리

CDN 다운로드

License: BSD

Asset Type :

전체 버전 보기

https://cdnjs.cloudflare.com/ajax/libs/css-layout/1.1.1/css-layout.js

https://cdnjs.cloudflare.com/ajax/libs/css-layout/1.1.1/css-layout.min.js

https://cdnjs.cloudflare.com/ajax/libs/css-layout/1.1.1/css-layout.min.js.map

Sample Code

⚠️ import 문을 포함한 일부 코드는 jsFiddle에서 정상 실행되지 않을 수 있습니다. 실행 오류가 발생할 경우 코드 복사 후 직접 실행해보세요.

📄 HTML
<div id='example'>
  <p>Hello</p>
</div>

⚙️ JavaScript
const container = document.getElementById('example');
container.style.display = 'flex';
container.style.justifyContent = 'center';
container.style.alignItems = 'center';
container.style.height = '100vh';