垂直划分页面

Question

我需要像时间线这样的Facebook。该行将位于页面分割页面的中心。这是我的HTML

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

  </div>

左边的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/。希望这对你有用。