0

我必须制定一个小小的时间表概览。我的问题是发生在午夜的事件。

我想要做的是以下内容：

在左侧，我有一个“列”（我与 div 一起工作）。在第一列旁边的第二列中，我有我的事件。

没问题，对于在同一天开始和结束的事件。事件不是文本，这是花哨的 div，一些添加信息和图标，但在这里我将它们显示为文本。

2012-02-25 活动一（8:00-11:00）
              {一些空间}
              活动二（13:00-15:00）
              {20 像素空间}
------------------------------------------
2012-02-26 {20px 空间}
              活动三（8:00-11:00）
              {一些空间}
              活动四（13:00-15:00）

美好的！但是现在，对于发生在午夜的事件，我想将事件 div 放在分隔两天的线上方并居中，所以每个事件 div 的高度为 30px，线的高度为 2px，这意味着我想要 14px开始日期的隔夜事件和结束日期的 14 像素。

每天的“行”也是一个 div。因此，我希望将隔夜事件放置在两个“行”div 和行（也许<hr>，也许<div>）之上。

现在我的问题是，这可能吗？如果可以，怎么做？

最好的祝福

编辑：

这里有一个 jsFiddle：http: //jsfiddle.net/NoiZy/6Dkta/

现在应该每天在红线上方放置一个额外的事件，大小为一半。

4

1 回答 1

1

我可能会做这样的事情http://jsfiddle.net/6Dkta/61/ 将每一天的行设置为“位置：相对”，然后我给了一个类的重叠事件，这样你就可以动态添加。类 twoDay 将位置设置为绝对，底部设置为 -34px。这样，无论行的大小如何，它都将始终与底部重叠。不确定这是否适用于您的设置，但它适用于小提琴。

于 2012-09-05T18:28:33.427 回答