1

説明：
1日 の垂直方向のタイムラインがあり12 hoursます。
高さは720pxです。
一見したところ、マークアップは次のようになります。

<div style="margin-top:0px;">
 9:00
</div>
<div style="margin-top:60px;">
 10:00
</div>
       ...
<div style="margin-top:60px;">
 11:00
</div>

考慮すべきことが発生しましたfont-size。それが多いほど、プロパティ
の値は少ないはずです。margin-top

デモ： マークアップを参照
現在のフォントサイズの値margin-topが38px
論理的には、常に。に等しい必要があります60px。

質問：依存しない垂直ティミレンなしの解決策
はありますか？CSSJSfont-size

4

2 に答える 2

3

何が欲しいのかは明確ではありません。ただし、タイムラインを等間隔に分割する必要があると思います。

マージントップでフォントサイズを補正する必要はありません。これらのインラインスタイルを削除し、divの高さを次のように修正するだけです。

.timeline-container > div{
   height:60px;   
}

参照： http： //jsfiddle.net/fmSfc/4/

于 2012-08-02T14:29:12.160 に答える
0

一定の行の高さを使用する-マージントップと全体の高さを変更せずにフォントサイズを変更できます。アップデートを確認してください：http：//jsfiddle.net/fmSfc/6/

また、類似した要素が多数リストされているため、ソートされていないリストを使用してからdivを使用することをお勧めします。

于 2012-08-02T14:34:45.497 に答える