@meizhou/atomcss

Appearance

display ​

命名规律：使用属性值

class名
样式值
static
position: static;
fixed
position: fixed;
absolute
position: absolute;
relative
position: relative;
sticky
position: sticky;

使用示例 ​

relative
static
absolute b-0
absolute t--10 r-0
fixed r-0 t-0
vue
<div class="relative">
  relative
  <div class="static">static</div>
  <div class="absolute b-0">absolute b-0</div>
  <div class="absolute t--10 r-0" >absolute t--10 r-0</div>
  <div class="fixed r-0 t-0" >fixed r-0 t-0</div>
</div>
<div class="relative">
  relative
  <div class="static">static</div>
  <div class="absolute b-0">absolute b-0</div>
  <div class="absolute t--10 r-0" >absolute t--10 r-0</div>
  <div class="fixed r-0 t-0" >fixed r-0 t-0</div>
</div>