.header{ height: 130px; // border-bottom: 1px solid rgba(0, 0, 0, 0.12); display: flex; flex-direction: row; flex-wrap: wrap; align-items:center; // justify-content:center; div{ width: 300px; height: 30px; // margin: 0 30px; margin-left: 80px; } // margin-bottom: 30px; } .body{ overflow: auto; .btn{ button{ width: 80px; height: 40px; margin-left: 2%; } } .tablebox{ overflow: auto; table{ width: 100%; margin-left: 0%; margin-top: 15px; } mat-paginator{ width: 100%; margin-left: 0%; // margin-top: 30px; } } } .upbox{ height: 100px; margin-bottom: 15px; mat-radio-group{ div{ margin: 10px 0; } } } .createbtnbox{ button{ margin: 0 6px; } } .mat-header-cell{ text-align: center; } .mat-cell{ text-align: center; span{ color: #0000BF; margin: 0 3px; cursor: pointer; } span:hover{ text-decoration:underline } .grey{ color: grey; pointer-events: none; } } //进度条 .progressBox{ line-height: 49px; height: 49px; position: relative; display: inline-block; width: 100%; button{ float: right; } .progress{ display: inline-block; position: absolute; width: 500px; top: 22px; left: 32px; } .filename{ display: inline-block; max-width: 180px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; // margin-left: 160px; } } .fileDiv{ cursor: pointer; } .fileDiv:hover{ background-color: #fafafa; } .auditDiv{ p{ margin: 8px 0; margin-left: 16px; } } .btn{ text-align: center; button{ margin: 0 3px; } } #viewer { width: 100%; height: 100%; } .mat-dialog-container{ padding: 0; }