EAIC界面库
如果想改变每个列的大小,可以用以下类
  • is-three-quarters
  • is-two-thirds
  • is-half
  • is-one-third
  • is-one-quarter
  • is-full
其它列将填充剩下的空间

按20%分割布局,可使用以下类

  • is-four-fifths
  • is-three-fifths
  • is-two-fifths
  • is-one-fifth
示例代码:
    
效果展示
五分之四
自动
自动
四分之三
自动
自动
三分之二
自动
自动
五分之三
自动
自动
一半
自动
自动
五分之二
自动
自动
三分之一
自动
自动
四分之一
自动
自动
五分之一
自动
自动
12列大小
网格被分为12列等比大小,可以用以下类指定每列的大小
  • is-1
  • is-2
  • is-3
  • is-4
  • is-5
  • is-6
  • is-7
  • is-8
  • is-9
  • is-10
  • is-11
  • is-12
is-1
1
1
1
1
1
1
1
1
1
1
1
is-2
1
1
1
1
1
1
1
1
1
1
is-3
1
1
1
1
1
1
1
1
1
is-4
1
1
1
1
1
1
1
1
is-5
1
1
1
1
1
1
1
is-6
1
1
1
1
1
1
is-7
1
1
1
1
1
is-8
1
1
1
1
is-9
1
1
1
is-10
1
1
is-11
1
is-12
偏移量
可以在列的左右添加空的列或指定offset类来偏移一定量。比如:添加.is-offset-4表示左边空出四等份的列宽
is-half
is-offset-one-quarter
指定宽度
使用.is-narrow类来修饰列,可以让列的宽度是其子控件宽度,而不是按12等分划分的宽度。

指定宽度列

此列宽度为200像素

自动宽度的列

此列填充剩下的宽度

对于不同的设备可以使用相应的类
  • .is-narrow-mobile
  • .is-narrow-tablet
  • .is-narrow-touch
  • .is-narrow-desktop
  • .is-narrow-widescreen
  • .is-narrow-fullhd