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的代码变得稍微复杂一些，但您可以随时使用检查员来查看他们在做什么。