Question

我正在尝试实现等效（我知道它实际上不允许在CSS中使用）：

{padding-top : -3x }

在这个原始fiddle中，您可以看到我希望我的h2内容与封闭块元素的顶部和底部对齐。

我的-ve margin-left有效，但是-ve margin-top向上移动封闭元素（将h2带到它上面）。我想要的是白色字母渗入背景，所以我需要能够将文本移动到封闭块元素的顶部，并可靠地设置<header>的垂直高度，以便底部边缘也渗透到背景中。到目前为止，它是非常反复试验，我怀疑它会在其他浏览器上失败，但我找不到任何能更好工作的css选项。

根据前两个前两个答案，我更新了 fiddle ，但我仍然使用3em字体和2.05em行 - 容器的高度（并且听说你应该不通常也会将单位添加到行高，这会导致我走向line height of 0.7）并且想知道这是否是一种稳健的关系（如果是这样，它是如何以数学方式表达的，包括手机在内的所有情况？

Answer 1

为什么不使用像Arial这样的San-Serif字体..请参阅Fiddle

#experience {
    background-color: black;
    position: relative;
    margin: 0em 0;
    line-height: 2.05em;
}
#experience h2 {
    color: white;
    text-transform: uppercase;
    margin-left: -5px;
    font-family: "Arial";    
    font-weight: bold;
    font-size: 3em;
    letter-spacing: 0.1em;
}

干杯亚当

将文本块与容器顶部对齐

1 个答案: