div居中

子父div宽高不定,子div居中

.parent{
    position:relative;
}
.child{
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
}
.parent{
    display:flex;
    justify-content:center;
    align-items:center;
}
.child{
    flex:none;
}

父div宽度不定,子宽度固定div居中

.child{
    margin:0 auto;
}

 

你可能感兴趣的:(css总结)