p,h3 {
-webkit-margin-before:0;
-webkit-margin-after:0;
}
.tab {
width:500px;
height:500px;
position:fixed;
left:50%;
top:50%;
transform:translate(-50%,-50%);
display:flex;
flex-direction:column
}
.tit {
display:flex;
}
.tit>p {
width:33.3%;
text-align:center;
line-height:50px;
font-size:18px;
background-color:#ccc;
}
.tit>p:first-child {
background-color:#666;
}
.con {
background-color:#666;
flex:1;
position:relative;
}
.con>h3 {
position:absolute;
top:50%;
left:50%;
transform:rotate(-50%,-50%);
}
.con2,.con3 {
display:none;
}
更新时间:2020-10-15 00:07:37
注意我的flex布局 选项卡的大小只要调动主容器的大小就行