垂直布局部件 col

用法

通过垂直布局的 flex 元素实现。

zin 声明

col
(
    setStyle(['width' => '300px', 'height' => '300px']),
    set::justify('between'),
    set::align('center'),
    div('Div1'),
    div('Div2'),
);

生成的 HTML

<div class="col justify-between items-center" style="width: 300px; height: 300px;">
    <div>Div1</div>
    <div>Div2</div>
</div>

属性

属性名	类型	默认值	说明
justify	'start'|'end'|'center'|'between'|'around'|'evenly'	-	容器主轴元素的对齐方式(justify-content)
align	'start'|'end'|'center'|'baseline'|'stretch'	-	容器交叉轴元素的对齐方式(align-items)