如何推高CSS中的文字?

Der*_*會功夫 4 html css css3

演示:http://jsfiddle.net/DerekL/gNkKx/

我试图将文本推高div50%,我试过了

padding-bottom: 50px; /*div is 100px high*/
Run Code Online (Sandbox Code Playgroud)

但它不起作用.

padding-top: -50px;
Run Code Online (Sandbox Code Playgroud)

这也行不通.任何解决方法?

sac*_*een 9

line-height:0px; 把它推了一些,但我不知道多少,它显然不是你想要的50px.

您可以将元素包装在另一个容器中,并将其放置如下:

HTML

<div class="container">
  <div class="block">?</div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS(仅显示您的样式的修改)

.container{
    position: relative;
}
.block {
  position: absolute;
  top: -50px;
}
Run Code Online (Sandbox Code Playgroud)

DEMO