Question

我似乎无法弄清楚为什么<p>标签周围有一个很大的空间。有人可以指出我的愚蠢吗？

/** article stuff **/
    article {padding:5px;margin-bottom:5px;}
    article * header {margin:0;padding:0;}
    article * h4 {margin:0;}
    article * span {font-size:xx-small;vertical-align:top;}
    article * p {padding:0;margin:0 auto;clear:both;}
    article * a, a:link {font-size:x-small;}

<article>
    <header>
        <h4>@article.Title</h4>
        <span><strong>@article.Category</strong>: <time pubdate datetime="@article.PublishDate">@article.PublishDate.ToShortDateString()</time></span>
    </header>
    <p>@article.Description</p>
    <a href="@article.Url" title="@article.Title">Read more...</a>
</article>

这样做会在标题和读取更多链接之间的<p>周围留下很大的空隙。我如何摆脱那个空间？

http://jsfiddle.net/72LX8/

PS - 我的html / css仍然很生锈，所以请不要捅它。只是寻找答案。干杯! ：）

Answer 1

删除规则中的*。只需article p。通过留下它，你实际上制定了一个规则，寻找一个文章元素，然后是任何元素，然后是一个段落。的 jsFiddle example

删除文章<header>和<p> </p> </header>之间的空格

1 个答案: