2015-11-01 188 views
0

我有一個問題,按鈕的移動網站時,移動版本空間之間的兩個

的Html我的網站切換爲:

<p style="text-align: right;"> 
<a class="button btn-primary" href="index.php/reprogrammation/193-bmw"> Retour "Choix de la marque" </a> 
</p> 

<p style="text-align: center;"> 
<a class="button btn-primary" href="#">2005 - E8x</a>      
<a class="button btn-primary" href="#">2007 - E8x</a>  
<a class="button btn-primary" href="#">2011 - F2x</a> 
</p> 

<p><img style="float: right;" src="images/marques/bmw/serie1.png" alt="" width="400" height="150" /></p> 

CSS是:

.btn-primary { 
    background: transparent none repeat scroll 0% 0%; 
    border: 2px solid #C01C32; 
    border-radius: 20px; 
    font-family: "Montserrat",sans-serif; 
    font-size: 13px; 
    text-transform: uppercase; 
    padding: 8px 24px; 

這裏有兩個截圖:

PC版 PC Version

手機版 Mobile Version

誰能告訴我怎麼把

回答

1
.btn-primary { 
    background: transparent none repeat scroll 0% 0%; 
    border: 2px solid #C01C32; 
    border-radius: 20px; 
    font-family: "Montserrat",sans-serif; 
    font-size: 13px; 
    text-transform: uppercase; 
    display: inline-block; 
    margin:10px; 
    padding: 8px 24px; 
} 

這個按鍵之間的空間,我建議使用display inline-block的達到理想的效果,適應偏好。

0

Thanks inline-block and margin:5px