0

我想设置文档顶部边缘和文本行（与下划线相同的行）之间的距离，例如 200px，不管文本有多大（即使文本会大到超出顶部文档边缘）

在此处输入图像描述

红线显示文本的底线和文档的上边缘，我希望它们之间的距离恒定。文字大小可能不同

http://jsbin.com/azanuw/9/edit - 示例 - 如何使他们的底线具有相同的最高位置。

4

3 回答 3

0

在红线的一部分创建一个 div。给 padding-top:200px; 对于这个 div。

于 2012-10-12T16:55:35.257 回答
0

您想使用em间距作为边距。em高度是字母“m”的垂直高度。这样，当文本大小发生变化时，顶部的间距将与文本大小垂直成比例。

于 2012-10-12T16:55:53.283 回答
0

试试这个演示

无论字体大小如何，文本底部都将距顶部 200 像素

CSS

body {background:#000; margin:0;}
.topNav {color:#fff; height:200px; border:solid 1px #f00; position:relative; }
.text {position:absolute; bottom:0px;font-size:20px;}

HTML

<body>
  <div class="topNav">
    <div class="text">Some text goes hear</div>

  </div>
</body>
于 2012-10-12T16:59:23.313 回答