0

たとえば 200px の場合、ドキュメントの上端とテキスト行 (下線と同じ行) の間の距離を設定したいのですが、テキストの大きさは関係ありません (テキストが上から出るほど大きい場合でも)。原稿の端）

ここに画像の説明を入力

赤い線は、テキストの一番下の行とドキュメントの上端を示しています。それらの間の距離を一定にしたいです。文字の大きさは様々

http://jsbin.com/azanuw/9/edit - 例 - ボトムラインを同じトップポジションにする方法。

4

3 に答える 3

0

赤い線の一部にdivを作成します。パディングを与える-top：200px; このdivのために。

于 2012-10-12T16:55:35.257 に答える
0

emマージンに間隔を使用します。em高さは、文字「m」の垂直方向の高さです。そうすれば、テキストサイズが変更されたときに、上部に向かう間隔がテキストのサイズに垂直方向に比例します。

于 2012-10-12T16:55:53.283 に答える
0

このデモを試す

フォントサイズが何であれ、テキストの下は上から200pxになります

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