css-layout

layout utility javascript

css-layoutは純粋なJavaScriptを使用してCSSレイアウトを再実装するライブラリです。ウェブ開発者がJavaScript内でCSSレイアウトをより簡単に操作し、構築できるようにします。

Latest Ver 1.1.1

Homepage

Github

17,664

📢 JavaScriptのみで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';