Pinterest，引腳CSS樣式

Question

我想獲得引腳樣式的CSS權利。我試圖得到確切的Pinterest針樣式，這意味着圖像是填充容器/盒和下面有統計數據...

下面的圖片顯示了我嘗試的Pinterest Pin製造。有沒有人知道圖像需要填充容器/盒子的Css？

謝謝

Answer 1

你只需要確保你的形象是相同的寬度，其容器元素。將容器上的寬度設置爲與圖像相同的寬度，並確保容器中沒有填充或圖像頂部或邊上沒有邊距。

<div class="container"> 
    <img width="200"> 
    <div class="meta"> 
    text 
    </div> 
</div> 

.container { width: 200px; padding: 0; } 
.container img { margin: 0; } 

Pinterest的代碼變得稍微複雜一些，但您可以隨時使用檢查員來查看他們在做什麼。