html - 如何在 CSS 中上推文本？

Question

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

我试图将 div 中的文本向上推 50%，我试过了

padding-bottom: 50px; /*div is 100px high*/

但它不起作用。

padding-top: -50px;

这也行不通。有什么解决方法吗？

Answer 1

line-height:0px; 将它推高了一些，但我不知道推高了多少，显然不是你想要的 50px。

您可以将元素包裹在另一个容器中并像这样定位它:

HTML

<div class="container">
  <div class="block">龍</div>
</div>

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

.container{
    position: relative;
}
.block {
  position: absolute;
  top: -50px;
}

DEMO