Fireman

马鞍山市志业软件科技有限公司后台管理系统

技术支持

大数据平台

基础CSS

.display-block display: block;
显示
.display-none display: none;
隐藏
.pull-left float: left;
左浮动
.pull-right float: right;
右浮动
.align-left text-align: left;
左对齐
.align-right text-align: right;
右对齐
.align-center text-align: center;
居中对齐
.text-overflow overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
单行文字溢出省略

文字和文字颜色

.size-1 font-size: 20px;
.size-2 font-size: 18px;
.size-3 font-size: 16px;
.size-5 font-size: 12px;
.color-1
主色1
.color-2
主色2
.black
#333
.dark
#666
.dark-gray
#999
.gray
#aaa
.red
红色
.orange
橙色
.yellow
黄色
.green
绿色
.cyan
青色
.blue
蓝色
.purple
紫色
.pink
粉色
.line-through text-decoration: line-through;
文字中划线

Flex

.align-items-center align-items: center;
子元素交叉轴的中点对齐
.align-items-stretch align-items: stretch;
子元素交叉轴等高对齐
.justify-content-center justify-content: center;
子元素主轴中点对齐
.justify-content-end justify-content: flex-end;
子元素主轴终点对齐
.justify-content-space-between justify-content: space-between;
子元素主轴两端对齐
.flex-grow-1 flex-grow: 1;
有剩余空间时放大
.flex-shrink-0 flex-shrink: 0;
空间不足时不缩小

间距控制

.margin-top-5 margin-top: 5px;
.margin-top-10 margin-top: 10px;
.margin-top-15 margin-top: 15px;
.margin-left-5 margin-left: 5px;
.margin-left-10 margin-left: 10px;
.margin-left-15 margin-left: 15px;
.margin-right-5 margin-right: 5px;
.margin-right-10 margin-right: 10px;
.margin-right-15 margin-right: 15px;
.margin-bottom-5 margin-bottom: 5px;
.margin-bottom-10 margin-bottom: 10px;
.margin-bottom-15 margin-bottom: 15px;

Powered by © ZhiYe Software Technology Co.,Ltd