垂直分隔页面的行

Question

我需要类似facebook的时间线。该行将位于页面分割页面的中心。这是我的html

 <div id="top">
  <div class="left"></div>
  <div class"left"></div>
  <div class="right"><div>
  </div>

类为left的div将出现在行的左侧，类为right的div将显示在右侧。

我找了一段时间都没有成功。有人知道吗？

Answer 1

在<div class="right"></div> 上使用以下类

.verticalSeparation {
    border-left: thick solid #ff0000;
}

Answer 2

在左侧类上尝试以下css。它会给你一个右边界，去掉上、下和左边界，应该在中心画一条线。

.left{
border-right:solid;
border-left:none;
border-top:none;
border-bottom:none;
}

如果这不起作用，请张贴你的css。

Answer 3

他们在网上有很多教程，使用的代码非常简单易懂http://codyhouse.co/gem/vertical-timeline/.希望这对你有用。