css-layout

layout utility javascript

css-layout is a library that reimplements CSS layout using pure JavaScript. It enables web developers to more easily manipulate and construct CSS layouts within JavaScript.

Latest Ver 1.1.1

Homepage

Github

17,664

📢 A library to implement CSS layouts purely with JavaScript

CDN Download

License: BSD

Asset Type :

View All Versions

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

⚠️ Some code, including import statements, may not run properly on jsFiddle. If it fails to execute, please copy the code and try it in your own environment.

📄 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';