转载：html上下布局，上方高度固定，下方高度自动填满

转载：css实现两个div并排等高

居中

// 会限定宽度.mertailImgActive {        width: auto;        height: auto;        max-height: 100%;        max-width: 100%;        position: absolute;        left: 50%;        top: 50%;        -webkit-transform: translateX(-50%) translateY(-50%);        -moz-transform: translateX(-50%) translateY(-50%);        transform: translateX(-50%) translateY(-50%);    }    // 不限定宽度    .boardItemCon {        margin: auto;        text-align: center;        font-size: 3rem;        color: white;        max-height: 100%;        max-width: 100%;        position: absolute;        left: 0;        right: 0;        top: 50%;        -webkit-transform: translateY(-50%);        -moz-transform: translateY(-50%);        transform: translateY(-50%);    }

不定宽div内图片居中

    
     
          
     
学生活动页