垂直单元格对齐方式

我试图做一个周计划表，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 –

垂直单元格对齐方式

回答

相关问题