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 に答える