布局 / UI元素
文本颜色
.ks-text-颜色值
链接
.ks-link=链接 .ks-link-line=带下划线的链接
文字加粗
加粗只有2个等级 .ks-fw1 .ks-fw2
文字方向

.ks-tl = 文字居左

.ks-tc = 文字居中

.ks-tr = 文字居右

文字大小
文字总共有15个等级 .ks-f1 - .ks-f15
行固定(.ks-row-x)

不管有多少内容,只显示一行,可与ks-pos搭配完成很多效果

你可以重新定义它的高度

下面演示一个限制型的行,让浏览量始终浮动在右边并用白色背景遮盖

如果你需要多行,且右边要一直覆盖,你应该自定义css样式

左右浮动(.ks-fl / .ks-fr)

.ks-fl = 左浮动 .ks-fr = 右浮动

它们仅仅只有浮动属性,所以你需要根据实际场景自行处理

父元素记得清除浮动(可以使用.ks-clear

清除浮动(.ks-clear)

.ks-clear

当子元素存在浮动属性后,父级会丢失高度,给父级一个清理浮动属性即可解决高度问题

定位 (.ks-pos)
创建一个定位区域

.ks-pos-1 = 左上角 / .ks-pos-2 = 右上角

.ks-pos-3 = 左上角 / .ks-pos-4 = 右上角

你可以用 CSS margin 做一些微调

圆角(.ks-o)
默认
1
2
3
4
5
6
7