如何中心的Instagram圖像塊

Question

看一看這個測試網站：https://dev.amberaviationacademy.com.au/testinstagram

我想中心整個Instagram的圖像塊到中心。例如像這樣：

在此基礎上：How can I center a div within another div?，我需要做的就是set margin 0 auto的instergram塊set width: 90%。當我們不調整瀏覽器的大小時，設置比例很好。即使瀏覽器調整大小，它是否可以將其設置爲自動居中。

Answer 1

您需要進行兩個調整：新增text-align: center到.content並添加display: inline-block;到a：

.block-instagram-block .content { 
    display: inline-block; 
    text-align: center; 
} 

a { 
    color: #222; 
    text-decoration: none; 
    display: inline-block; 
}