Prestashop - 排队元素

Question

一直试图排队的价格和“签证”按钮现在一段时间没有成功，所以我想我应该问问栈帮忙。

这就是它现在的样子。

http://i.stack.imgur.com/M78kf.png不允许发布图片。

这是HTML片段：

     <div class="product_price" style="margin-top: 25px; border: solid black 1px;"> 
         {if isset($product.product->show_price) && $product.product->show_price AND !$PS_CATALOG_MODE} 
          <span class="price" style="border: solid black 1px;"> 
           {if !$priceDisplay} 
            {convertPrice price=$product.price_tax_inc} 
           {else} 
            {convertPrice price=$product.product->price} 
           {/if} 
          </span> 

          {if $product.reduction && isset($product.reduction)} 
           <span class="original_price"> 
            {convertPrice price=$product.price_without_reduction} 
           </span> 
          {/if} 

          {/if} 

          <a class="exclusive button ajax_add_to_cart_button btn_add_cart view-the-product" href="{$link->getProductLink($product.product)}" style="max-width: 35px; border: solid black 1px; display: inline;"><span>{l s='Visa'}</span></a> 

         </div> 

我应该使用什么风格得到“签证”的价格来排队。

Answer 1

你必须设置两者的显示值inline-block的，浮动他们离开，并添加相同高度。然后间距可以由填充值来设置。

请试试这个代码：

span.price, a.ajax_add_to_cart_button { 
    display: inline-block; 
    float: left; 
    height: 40px; 
} 
span.price { 
    padding: 10px; 
    width: 100px; 
} 
a.ajax_add_to_cart_button { 
    padding: 10px; 
    width: 100px; 
} 

祝您好运！