垂直CSS時間軸穩定標記

Question

描述：
垂直時間軸爲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財產的價值更少。

演示： see markup
對於margin-top當前字體大小值是38px
邏輯上，它應該是始終等於60px。

問：
有沒有JSCSS解決垂直timilene，它不依賴於font-size？

Answer 1

這並不完全清楚你想要什麼。但是我懷疑你希望確保時間表上等分的部分。

您不需要用margin-top補償字體大小。刪除這些內嵌的風格和簡單修復的div的高度與

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

見：http://jsfiddle.net/fmSfc/4/

Answer 2

使用恆定的line-height - 你可以改變字體大小不改變的margin-top和整體高度。檢查更新：http://jsfiddle.net/fmSfc/6/

此外，它會更好地使用未排序的列表然後divs，因爲您有許多列出的類似元素。