智慧物流>> placement.css>> 返回
项目作者： ryanve

项目描述 ：
Functional CSS positioning bundle
高级语言： HTML
项目地址: git://github.com/ryanve/placement.css.git
创建时间： 2017-05-22T04:04:40Z
项目社区：https://github.com/ryanve/placement.css
开源协议：ISC License
下载


placement.css

Functional CSS positioning bundle

setup

  1. npm install placement.css
  1. @import 'node_modules/placement.css/placement';

classes

position.css

  • .static
  • .relative
  • .absolute
  • .fixed
  • .sticky

at.css

  • .middle vertical center
  • .centre vertical and horizontal center

edge.css

  • .edge-0
  • .edge-auto
  • .top-0
  • .left-0
  • .right-0
  • .bottom-0
  • .top-auto
  • .left-auto
  • .right-auto
  • .bottom-auto

usage

  1. <div class="relative">
  2.   <p class="absolute centre">I'm centered</p>
  3. </div>
  1. <div class="relative">
  2.   <p class="absolute edge-0">I fill my container</p>
  3. </div>