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布局 选项卡的大小只要调动主容器的大小就行