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; 
} 

祝您好運！