【问题标题】:Add to cart button alignment and sizing issues添加到购物车按钮对齐和尺寸问题
【发布时间】:2019-04-14 16:24:33
【问题描述】:

我很难对齐我的 Paypal 添加到购物车按钮。我能够修改 Paypal 提供的按钮代码上的 CSS/HTML 以使一个按钮居中对齐,但其他按钮无法正常工作。当我尝试将它们居中对齐时,按钮的窗口/框架会扩展以占用我页面上的大量空白空间。我怎样才能使这个按钮居中对齐并有一个只有需要的大小的窗口/框架?enter image description here

【问题讨论】:

  • 请提供带有代码的codepen或jsfiddle!
  • 我能够得到 Paypal 的回答。这实际上只是强迫承载按钮的窗口框架收缩

标签: html css paypal


【解决方案1】:

你应该把代码放在这里。顺便说一句,你可以按照这个例子。

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>

【讨论】:

  • 我能够得到 Paypal 的回答。这实际上只是强迫承载按钮的窗口框架收缩
猜你喜欢
  • 2013-02-19
  • 2015-03-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-09-30
相关资源
最近更新 更多