*{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; scrollbar-width: none; /* Firefox */ } ::-webkit-scrollbar { display: none; /* Chrome Safari */ } .content { width: 100%; height: 100%; //padding: 10px; overflow-y: auto; } .tableContent{ width: 100%; height: 100%; .panelhead{ //position: relative; height: 44px; background-color: #F2F9FF; } .colum{ width: 100%; margin-top: 3%; margin-bottom: 3%; display: flex; flex-direction: row; .left{ width: 45%; //height: 140px; img{ width: 140px; height: 100px; margin-left: 13%; cursor:pointer; } } .right{ width: 40%; margin-top: 4%; display: flex; flex-direction: column; .rightone{ width: 100%; } .righttwo{ margin-top: 3%; } .righthree{ margin-top: 3%; } } } } //图片外部div .allImgs { display: flex; overflow-y: auto; flex-direction: row; flex-wrap: wrap; .imgBox{ width: 300px; height: 250px; margin: 25px 35px 35px 35px; display: inline-block; position: relative; .fixedImg { width: 100%; height: 170px; text-align: center; margin-bottom: 3px; img { width: auto; height: auto; max-width: 100%; height: 100%; cursor:pointer;} } } } //预览图片 .previewImgBox { width: 1500px; height: 700px; text-align: center; img{ width: auto; height: auto; max-width: 100%; height: 100%;} } .previewImgBottom { text-align: center; height: 30px; margin: 20px auto; } //预览图片旋转角度 .rotateA {transform: rotate(90deg) scale(0.75);} .rotateB {transform: rotate(180deg)} .rotateC {transform: rotate(270deg) scale(0.75);}