我目前在我正在创建的网页（使用PHP / SQL / CSS）中对齐某些对象时遇到一些麻烦。
所以我想要实现的是一种时间表。我基本上有三个专栏，时间线可以在中心发言，两个专栏中的活动。
我希望每个事件在时间轴上都有相应的<div>（包含点或日期，等等）。
我的问题是，如何以这种方式垂直对齐每个组（事件+点）？
sketch of the result i want to acheive
我的意思是，如果中心的点<div>首先击中上面的那些，请停止。否则等待事件<div>达到上述目的。
所有这些事件都是从SQL数据库中提取出来的，这就是我为什么要以编程方式进行此操作的原因。
希望我的问题很清楚，如果你没有发现我的话，我有点新的发展。
答案 0 :(得分：0)
由于你可以在中间的coloumb左边和右边有一个方框，你可以在这四个元素周围添加一些盒子。
我根据您的原始图纸制作了这个示例： http://puu.sh/95fyu/ab8e737fd5.jpg
这样可以确保中间的方框相对靠近左右方框。
要对齐每个框的内容，您必须将每个框拆分为三个部分：一个用于左框，一个用于中间框（包含两个垂直堆叠的元素），另一个用于右框。这可以在http://puu.sh/95fOQ/189e511405.jpg上看到（标有红色）。
然而，右边的方框应该进一步向下，与盒装冲刺相比，这可以通过在元素顶部应用一个边距等于中间元素的高度来解决。
必须使用不同框的相对位置绘制箭头。
