Question

我对PHP和HTML了解得足以让我遇到麻烦。我正在尝试在一天中在4个不同的地方建立一个报告。所以在7点10分，一个设施可能会发出3分钟的警报，而在7点12分可能会在另一个设施中发出7分钟的警报。每个设施都有自己的专栏。所以有4列，每列中的事件在时间轴上垂直排列。

我可能在想这个，但我无处可去。将每列拆分为86400个单元，3分钟事件跨越180行吗？

我想不出另一种方式让他们在每个地方的网格上垂直排列。

为了简单起见，信息在带有dateTime，Location，Event的MYSQL表中，我一次只生成一天。

Answer 1

您可以使用包装器Div和for each行（如果您将数据作为行插入），您可以使用inner Div样式创建margin-left，如下所示：首先是Div s的css样式

.wrapper {
    position:relative;
}
.inner-div {
    position:absolute;
}

现在php和HTML代码创建了今天事件的图表，假设您将事件存储在行中并且mysqli与{{1}的活动连接通过php：

$link

Answer 2

您的方法看起来非常复杂，并且根据您提供的信息，有点不必要。为什么不将每天分解为24个主要行，对应于一天中的每个小时，然后根据开始时间以升序方式显示在该小时内发生的所有事件？每个事件还可以包含更多信息，例如持续时间等。

这样的事情，也许是：

enter image description here