3

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;
}
4

4 回答 4

3

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

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

或者如果您希望背景颜色与字母的高度相同，则只需行高。19px 将允许大写字母 - 如果您希望它只是小写，您可以将其变小，也许是 13px。

于 2012-08-24T00:51:48.327 回答
1

这就是你在说的吗？

http://jsfiddle.net/5xR8V/

line-height:19px

于 2012-08-24T00:52:00.463 回答
0

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

line-height:13px;
于 2012-08-24T00:54:28.570 回答
0

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

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

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

于 2012-08-24T00:56:40.850 回答