html - 按钮自动对齐

Question

你好

在我们的网站上，我有一个页面，其中有“立即购买”按钮

https://www.nutricentre.com/m-300-herbs-hands-healing.aspx

控制这个的样式是

.item .price {
    color:#8c9c54;
    font-size:14px;
    font-weight: bold;
    /*    
        position: absolute;
        bottom: 48px;
        left: 0px;
        width: 150px; 
    */
    text-align: center;
    margin-bottom: 45px;
}


.item a.blue_btn {
    position: absolute;
    bottom: 10px;
    left: 15px;
    cursor: pointer;
}

无论上面的文字如何，我都知道如何让它对齐成一条直线吗？

Answer 1

您不必更改按钮的 css，但从整个元素开始:只需添加:

.item{
    height: 380px;
}

当然，你必须关心最大的item-height:你的值不能小于，否则价格将不再可见。

在这种情况下，min-height 将是更好的选择。