Question

从类别标签创建图像网格，并使用bootstrap css，我在图像（无论我使用的大小）和下面的标题之间有很大的差距。我没有显示任何其他内容。

我想消除的空<p>直接出现在图片之后：

<div class="col-md-4 pt-cv-content-item pt-cv-1-col">
<a class="_self" target="_self" href="http://example.com/post-one/">
<img class="pt-cv-thumbnail wp-post-image" height="150" width="150"  src="http://example.com/wp-content/uploads/2014/10/image-46-150x150.jpg">
</a>
<p></p>
<h4 class="pt-cv-title">
<a class="_self" target="_self" href="http://example.com/post-one/">Post OneTitle</a>
</h4>
</div>

在我的图片和标题之间插入这一行是什么？

Answer 1

只需使用此Fiddle

即可

*{
margin:0;
padding:0;
}

＆＃13;

*{
margin:0;
padding:0;
}

＆＃13;

<div class="col-md-4 pt-cv-content-item pt-cv-1-col">
<a class="_self" target="_self" href="http://example.com/post-one/">
<img class="pt-cv-thumbnail wp-post-image" height="150" width="150"  src="http://example.com/wp-content/uploads/2014/10/image-46-150x150.jpg">
</a>


    
<h4 class="pt-cv-title">
<a class="_self" target="_self" href="http://example.com/post-one/">Post OneTitle</a>
</h4>

</div>

＆＃13;

在<a href=""><img/> with Bootstrap css</a>之后插入额外的行

1 个答案: