【问题标题】:Tumblr adding unwanted padding to posts?Tumblr 在帖子中添加不需要的填充?
【发布时间】:2014-01-01 21:16:25
【问题描述】:

因此,每当我从头开始编写新的 Tumblr 主题时,帖子正文总是会在帖子标题/正文的顶部和底部添加不需要的填充。这不会出现在引用帖子和聊天帖子中,但会出现在文本、照片、照片集、视频和音频帖子中。我猜这是 Tumblr 自动为你做的事情,因为当我测试类似的代码时,它运行良好,并且没有在顶部和底部添加额外的填充。我该如何解决这个问题?感谢您的帮助!

HTML:

<div id="holder">
<div class="post">
    <div class="body">
        words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words 
    </div>
</div>

<div class="post">
    <div class="body">
        words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words 
    </div>
</div>

CSS:

#holder {
    position: relative;
    margin: 40px auto 0 auto;
    padding: 20px;
    width: 400px;
    height: 500px;
    background: red;
}

#holder .post {
    margin-bottom: 20px;
    padding: 20px;
    background: green;
}

Tumblr test blog

【问题讨论】:

  • 是否有指向您的页面的链接显示该行为?
  • Here's 一个指向测试博客的链接,其中包含我正在使用的确切编码。

标签: html css margin tumblr


【解决方案1】:

你确定你在谈论填充吗?我相信您的实际意思是浏览器为段落设置的初始边距(所谓的用户代理样式)。您可以像这样简单地删除它:

p {
    margin: 0;
}

但要在段落之间保留一些空间,您可以这样做:

p {
    margin-top: 0;
    margin-bottom: 20px;
}

【讨论】:

  • 非常感谢!这似乎对我的问题有所帮助。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-02-17
  • 2020-05-08
  • 2021-12-11
  • 2013-09-30
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多