Html CSS如何使文本与背景颜色顶行对齐

Html CSS如何使文本与背景颜色顶行对齐,html,css,Html,Css,CSS如何使文本与背景颜色顶行对齐 (顶部衬垫:-px不工作) 文本 .a{ 位置:绝对位置; 顶部:100px; 宽度:200px; 高度:19px; 背景:#000000; 字体大小:20px; 颜色:#FFFFFF; } 如果您希望它位于顶部,但底部仍有空间: line-height:19px; padding-bottom:2px; 或者,如果您希望背景颜色与字母的高度相同,只需线条高度即可。19px允许大写字母-如果您希望它只是小写,您可以将其缩小,可能是13px。这就是您所说的

CSS如何使文本与背景颜色顶行对齐
(顶部衬垫:-px不工作)


文本
.a{
位置:绝对位置;
顶部:100px;
宽度:200px;
高度:19px;
背景:#000000;
字体大小:20px;
颜色:#FFFFFF;
}

如果您希望它位于顶部,但底部仍有空间:

line-height:19px;
padding-bottom:2px;

或者,如果您希望背景颜色与字母的高度相同,只需线条高度即可。19px允许大写字母-如果您希望它只是小写,您可以将其缩小,可能是13px。

这就是您所说的吗


行高:19px

通过设置行高,可以将文本移动到背景的最顶端

line-height:13px;

CSS中的文本对齐可以有左、右和中的值。我猜你说的是垂直对齐或垂直填充颜色,那么在这种情况下读“文本对齐”有点奇怪

这里有一个小把戏:更少的水平线是完全黑色的,没有文字。这就是你想要达到的目标吗


注意:这在很大程度上取决于所使用的字体。默认情况下,它是serif(Times或Times New Roman,大多数情况下,我相信Linux除外),值会随着Arial、Verdana、Helvetica等的变化而变化。我不知道你想做什么。我也不知道,但可能设置
行高:13px
会有所帮助。顺便说一句,CSS中不支持负数填充:@JCOC611是的,这就是我想要的,非常感谢
line-height:13px;