【问题标题】:Magento : One Page Checkout Alignment Issue (Payment Method)Magento:一页结帐对齐问题(付款方式)
【发布时间】:2014-06-02 07:23:50
【问题描述】:

我确信这就像白天和黑夜一样明显,但在我的一生中,我无法在代码中看到为什么 PayPal 和采购订单按钮和文本不在同一行排列。

任何帮助都会很棒

https://www.acuity-sports.com/onepagecheckout/

【问题讨论】:

    标签: javascript html css magento checkout


    【解决方案1】:

    这很简单

    <dl>
    <dt>Coffee</dt>
    <dd>Black hot drink</dd>
    <dt>Milk</dt>
    <dd>White cold drink</dd>
    </dl>
    

    您会看到 html HTML &lt;dl&gt; Tag 在您的浏览器中自动呈现在不同的行 在此处查看示例http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_dd_test

    如果你想让它浮动,你必须添加覆盖你的dt, dd到'float:left'的css样式

    这是一个关于小提琴的例子http://jsfiddle.net/9Q7T9/

    【讨论】:

      【解决方案2】:

      您应该在您的 CSS 中将 display: inline; 添加到 sp-methods 的标签中——类似这样:

      .sp-methods label {
          display: inline;
      }
      

      这将使标签的显示与单选按钮内联

      【讨论】:

      • 非常感谢!现在我可以称之为周末了 :)
      猜你喜欢
      • 2015-02-27
      • 2015-09-13
      • 1970-01-01
      • 1970-01-01
      • 2013-09-25
      • 2014-05-22
      • 1970-01-01
      • 2012-03-01
      • 1970-01-01
      相关资源
      最近更新 更多