添加到购物车按钮对齐和大小问题

时间:2018-11-11 22:25:48

标签: html css paypal

我很难调整我的Paypal添加到购物车按钮。我能够在Paypal提供的按钮代码上修改CSS / HTML,以使一个按钮居中对齐,但其他按钮却无法解决。当我尝试将它们居中对齐时,按钮的窗口/框架会扩大,以占据页面上的大量空白。如何使此按钮居中对齐并使窗口/框架仅根据需要设置?enter image description here

1 个答案:

答案 0 :(得分:0)

您应该将代码放在此处。顺便说一句,您可以按照以下示例进行操作。

CSS

.boxlink a:link, .boxlink a:visited{
    color: black;
    padding: 12px 45px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border: black solid 2px;
}

.boxlink a:hover, .boxlink a:active{
    background-color: #1a4891;
    color: white;
    transition: all 0.2s ease-in;
}

HTML

<div class="boxlink">
    <a href="...">Learn more</a>
</div>