垂直單元格對齊方式

我試圖做一個周計劃表，div標籤。這是每一天的示例代碼：垂直單元格對齊方式

<% times.each do |time| %> 
    <% d = worker.working_on_day(Date.new(time.year,time.month,time.day).cwday - 1) %> 
    <div style="height: <%= d.duration.to_i * 4 %>px; "> 
    ... 
    </div> 
<% end %>

正如你所看到的，我想動態調整基於時間的單元格的高度。但高度不正確。例如，持續時間爲30分鐘的小區稍小於15分鐘的兩個小區。如何正確調整高度以正確對齊單元格？

來源

2013-05-21 user2367805

你有墊襯或邊界？ – jokklan

看起來好像使用實際的表格，每個單元代表15或30分鐘的增量可能會更好。然後你可以在單元格上使用'colspan =「X」'來讓它們跨越多個時隙。如果這不適合你，你可以提供一些額外的信息，這是隻是排列一行的項目或什麼？ –

可能有一些CSS規則影響你的單元格。你可以添加一些CSS？ – pzin

<div style="height: <%= d.duration.to_i * 4 %>px; padding: 0; margin: 0; border: 0;">

來源

2013-05-21 19:21:32

非常感謝，這工作，但現在我幾乎不能擺脫桌子。 – user2367805

你應該將這些CSS定義移到一箇中心位置：https://gist.github.com/anonymous/5629471 –

垂直單元格對齊方式

回答

相關問題