Question

CSS如何使文本与背景颜色顶行对齐 http://jsfiddle.net/5xR8V/
（padding-top： - px不工作）

<div class="a">
 texttext
</div>

.a{
position: absolute;
top:100px;
width: 200px;
height: 19px;
background: #000000;
font-size: 20px;
color: #FFFFFF;
}

Answer 1

如果您希望它位于顶部，但底部仍有空格：

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

如果您希望背景颜色与字母的高度相同，则只需

或仅使用行高。 19px将允许大写字母 - 如果你想要它只是小写字母，你可以把它缩小，可能是13px。

Answer 2

这就是你在谈论的吗？

http://jsfiddle.net/5xR8V/

line-height:19px

Answer 3

通过设置行高，您可以将文本移动到背景的最顶部。

line-height:13px;

Answer 4

CSS中的

文本对齐可以具有左，右和中心的值。我猜你说的是垂直对齐或垂直填充颜色，然后在这种情况下阅读“文本对齐”有点奇怪。 ;）

这是一个小提琴：http://jsfiddle.net/PhilippeVay/5xR8V/2/水平线较少，完全是黑色，没有文字。这是你想要实现的目标吗？

注意：这高度依赖于使用的字体。默认情况下它是serif（Times或Times New Roman大部分时间，除了Linux我相信），值将随Arial，Verdana，Helvetica等而变化

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

4 个答案: