html - 当我设置图像样式时,白线出现在我的页面顶部

标签 html css

<分区>


关闭 9 年前

  • 这个问题似乎是题外话,因为它缺乏足够的信息来诊断问题。更详细地描述您的问题或include a minimal example在问题本身。
  • 关于您编写​​的代码问题的问题必须在问题本身中描述具体问题 — 并且包括有效代码 以重现它。参见 SSCCE.org寻求指导。

我正在尝试构建我的页面布局,到目前为止一切顺利。直到我在页眉上放置了一张图片。

当我尝试设置图像样式时,页面顶部出现一条白线。我已将代码放在 JSFiddle 上:http://jsfiddle.net/CCZjL/

当我删除:

#header img {
    width:66px; 
    height:61px;
    position:absolute;
    top:25px;
}

在我的 CSS 文件中,该行不再存在...???

谁能给我解释一下?

谢谢!

最佳答案

margin: 0;line-height: 65px; 添加到 #header h1

像这样:

#header h1 {
    text-align:center;
    font-size:20px;
    margin: 0;
    line-height: 65px;
}

您还可以从 #header 中删除 vertical-align: middle;。不需要。

关于html - 当我设置图像样式时,白线出现在我的页面顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20663575/

上一篇:jquery - CSS - 首子选择器比类选择器强

下一篇:java - HTML 样式代码在 JSP 文件中不起作用

相关文章:

javascript - 将文本区域符号限制为可见部分

html - CSS 代码帮助居中图像,但它以某种方式恢复到当前编码的左侧

css - 如何将鼠标悬停在CSS中的整个按钮上

css - Bootstrap 表单组的间距错误

html - css inline 不适用于多个元素

javascript - 具有不同环/弧的正值和负值的特殊 donut chart

html - 如何在滚动和调整大小时保持分层绝对 div 对齐和调整大小?

javascript - -WEBKIT-TRANSITION 用于显示样式

html - 将一个 div 集中在另一个 div 中的最佳方法

html - 单击文本以进行下拉,而不是 div。 - CSS