創建一個居中的表，引導

Question

我有20個圖標，我要讓他們從圖像的中心的水平線。但是我不能使用HTML表格，因爲我希望它能夠響應。應該爲移動用戶打包。通過使用HTML表我想我應該使用1行和20列，但它不會包裝小屏幕。

我造就了一批這樣的div。這是好的。 http://jsfiddle.net/mayJ6/

<div style="display: inline-block; border: solid 1px black;"> 
    <a href="http://www.example.com" target="_blank" > 
     <img src="http://profile.ak.fbcdn.net/hprofile-ak-prn1/157940_262105851352_1630693163_q.jpg" 
      width="50" height="50" alt="photo"/> 
    </a> 
</div> 

但this answer告訴不要在這種情況下，使用內嵌式地顯示塊。有更好的解決方案看起來相似，使用Twitter Bootstrap等？

Answer 1

我認爲這種情況display: inline-block是完全沒有問題。

在您引用他們談論的主要佈局，當你有2個或3列，並希望顯示它們並排喜歡的答案，在這種情況下，浮動他們是更好的。

可以實現與花車相同的結果，但你必須用包裝容器的照片/圖標，並設置一個固定的寬度或填充，以他們爲中心這樣。它仍然包裹在較小的分辨率，如果你在我的例子在這裏設置百分比寬度，如：http://jsfiddle.net/E9pS9/