未固定的響應式設計造型

已更新!!!未固定的響應式設計造型

我每次在橫向屏幕設備上查看頁面時仍然會遇到同樣的錯誤。

CSS：

f5 { 
    text-transform: uppercase; 
    color: #fff; 
    font-size: 30px; 
    font-weight: bold; 
}

about.us

<div class="containerpreview"> 
    <br> 
     <f5>Check out our products</f5> 
    <br> 
     <f6>and Experience no-frills delivery</f6> 
    <div style="margin-top:40px"> 
     <div class="buttoneshop"><a href="...">Eshop</a></div> 
    </div> 
</div>

是有辦法使間距之間更緊密？當我命令出

text-transform: uppercase;

間距很好。

除了這一點，是有辦法，使在裏面的href SRC的圖像爲中心？

CSS

.images_1_of_4 img { 
    max-width: 100%; 
    <!-- height: 200px; --> 
    width: 200px; 
    align: middle; 
} 

.img { 
    display: block; 
    width: 100%; 
    max-width: 100%; 
    height: auto; 
} 
.grid_preview { 
    height: 200px; 
}

shop.php

<div class="grid_1_of_4 images_1_of_4"> 
    <div class="grid_preview"> 
     <a href="..."><img src="..." alt=""></a> 
    </div> 
</div>

來源

2015-10-19 SitiNuraini Yakob

你可能有這一套'的text-align：證明;'它設置爲'文本對齊：左;' – Vallentin

良好的漁獲物，@Vallentin – Adrenaxus

不工作。其實我忘了補充。它不工作時，我rwd它@Vallentin –

嘗試改變對準text-align : justify;到text-align : left。

或者，如果這不是你喜歡做什麼，letter-spacing是CSS attibute改變charagcters之間的空間，word-spacing改變的話

來源

2015-10-19 09:59:29 Aroniaina

無法正常工作。其實我忘了補充。它不工作，當我運行它 –

之間的空間作爲其他用戶建議，可以考慮使用強制左對齊text-align : left，你可能在包裝元素上有text-align : justify;，或者在你的css的另一部分中設置，如下面的示例所示。

https://jsfiddle.net/s5p9872t/

.f5 { 
    text-align : justify; 
    width: 250px; 
} 

.f5 { 
    text-transform: uppercase; 
    font-size: 30px; 
    font-weight: bold; 
    text-align: left; 
}

來源

2015-10-19 10:03:32 GibboK

無法正常工作。其實我忘了補充。當我運行它時，它不工作 –

嘗試使用text-align：left！important; https://jsfiddle.net/s5p9872t/1/ – GibboK

未固定的響應式設計造型

回答

相關問題