CSS如何使文本對齊背景色頂行

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等而變化