媒體查詢爲Zurb基金會中心圖片4

Question

我確定我正在做一些愚蠢的事情，但我似乎無法找到它。

我想利用這個頁面： http://jekyll.tx0rx0.com

，並有小後的預覽圖像時中心在它們下面的文本移動。我想這個媒體查詢：

@media (max-width: emCalc(600px)) 
{ 
    .smallcenter{ 
     display: block; 
     text-align: center; 
     float: center; 
    } 
} 

該網站使用的哲基爾後產生系統，使用Git和基礎4響應框架 我希望它從iPad的畫像尺寸集中在什麼崗位，向下合併，但它似乎沒有工作。謝謝。

Answer 1

由於您的圖片被一個標籤包裹，您可以告訴a的父母將居中的文本對齊。

我將在smallcenter類移動到最外層的DIV（的。大-4一）喜歡說：

HTML

<div class="large-4 columns smallcenter"> 
    <a href="/postsurl"><img src="/assets/image.png" alt=" WHY NO WORK!"></a> 
</div> 

SASS

@media (max-width: emCalc(600px)){ 
    .smallcenter { 
    text-align: center; 
    & > a { 
     display: inline-block; 
    }  
    } 
}