Visual Studio Code WSUI Support for HTML Documents
Combine code blocks to quickly generate style classes (based on wsui)
Usage
- wsfx (flex)将一个容器指定为 Flex 布局
- wsdl (flex)主轴方向：水平方向，起点在左端
- wsdr (flex)主轴方向：水平方向，起点在右端
- wsdt (flex)主轴方向：垂直方向，起点在上沿
- wsdb (flex)主轴方向：垂直方向，起点在下沿
- wsms (flex)主轴对齐方式：左对齐
- wsme (flex)主轴对齐方式：右对齐
- wsmb (flex)主轴对齐方式：两端对齐，项目之间的间隔都相等
- wsmc (flex)主轴对齐方式：居中
- wsma (flex)主轴对齐方式：每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍
- wswn (flex)换行设置：不换行
- wsww (flex)换行设置：换行,第一行在上方
- wswr (flex)换行设置：换行,第一行在下方
- wscst (flex)交叉轴对齐方式：交叉轴的起点对齐
- wsce (flex)交叉轴对齐方式：交叉轴的终点对齐
- wscc (flex)交叉轴对齐方式：交叉轴的中点对齐
- wscb (flex)交叉轴对齐方式：项目的第一行文字的基线对齐
- wscsh (flex)交叉轴对齐方式：如果项目未设置高度或设为 auto，将占满整个容器的高度
- wsep1 单行文本溢出显示省略号
- wsep2 二行文本溢出显示省略号
- wsep3 三行文本溢出显示省略号
- wscx 清除浮动
- wsfl 左浮动
- wsfr 右浮动
| |
