66 lines
852 B
CSS
66 lines
852 B
CSS
/*通用样式*/
|
||
|
||
/*浏览器默认margin为8px，会出现滚动条的问题，因此此处设置为0*/
|
||
body {
|
||
margin: 0;
|
||
}
|
||
|
||
/*相对定位*/
|
||
.relative {
|
||
position: relative;
|
||
}
|
||
|
||
/*绝对定位*/
|
||
.absolute {
|
||
position: absolute;
|
||
}
|
||
|
||
.flex {
|
||
display: flex;
|
||
}
|
||
|
||
/*左浮动*/
|
||
.left {
|
||
float: left;
|
||
}
|
||
|
||
/*右浮动*/
|
||
.right {
|
||
float: right;
|
||
}
|
||
|
||
/*水平、垂直居中*/
|
||
.center {
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%, -50%);
|
||
}
|
||
|
||
/*main容器样式*/
|
||
|
||
/*与pages组件相关的所有样式*/
|
||
.table {
|
||
height: 506px;
|
||
margin: 0 30px;
|
||
}
|
||
|
||
.select .left {
|
||
margin-left: 30px;
|
||
}
|
||
|
||
.select .right {
|
||
margin-right: 30px;
|
||
}
|
||
|
||
.select {
|
||
width: 100%;
|
||
height: 60px;
|
||
line-height: 60px;
|
||
}
|
||
.pager {
|
||
width: 100%;
|
||
height: 40px;
|
||
/*line-height: 40px;*/
|
||
/*padding: 10px;*/
|
||
} |