div 底部靠齐水平居中

<div class="container">
    <div class="content">
        我在底部居中
    </div>
</div>



.container {
    position: relative;
    height: 200px; /* 容器的高度 */
    background-color: #f0f0f0; /* 背景色 */
}
 
.content {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    //width: 200px; /* div的宽度 */
    padding: 10px;
}