對齊價格的環境下使用的CSS（宇商貿店）

Question

問題的價格與名稱（標題）

CSS代碼

.mgrt-product-title .price { 
padding-left: 749px; 
font-weight: bold; 
color:#000; 
} 

你可以在這裏查看本對齊alignement - my store 。如何調整價格以保持一致？

Answer 1

我會抹去填充左，使用padding-right代替（例如100像素或任何你喜歡的），並添加float: right;所以價格都在對準右側相同的距離。

.mgrt-product-title .price { 
float: right; 
padding-right: 100px; 
font-weight: bold; 
color:#000; 
} 

Answer 2

在這裏，您需要對填充進行更改，因爲您的填充需要留下，具體取決於您的價格位置的文本大小。請從右側填充，它會被設置

.mgrt-product-title .price { 
float :right; 
padding-right: 100px; 
font-weight: bold; 
color:#000; 
}