2014-12-03 71 views
0

我正在制作基于wordpress的音乐乐队网站的活动列表。如何将内容分发到它们之间具有边界的列? (wordpress)

列表有两列布局,我需要分配每个事件,以便第一次进入左列,第二次进入右侧,第三次进入左侧等等。

会很容易的任务,但我必须做一个列之间的边界!

我做了一个分配,使每个.eventfloat:left; width:45%;但这些实际上不是列,我不能添加边框。

我也尝试过css3多列布局,但它没有为我工作。

这里是我的代码http://jsfiddle.net/jxe8bgyv/1/

+0

你什么意思,你不能添加边框?我实际上可以添加一个。 – Roi 2014-12-03 11:17:15

+0

我的意思是列之间的边界 – 2014-12-03 11:23:03

回答

1

你可以试试这个:

.event:nth-child(even) { 
    border-left: 1px solid #000; 
} 
+0

哇,谢谢!我将它更改为:nth-​​child(奇数)和border-right,但它没有为第一个元素设置边框http://jsfiddle.net/jxe8bgyv/4/ – 2014-12-03 11:24:35

+0

您能否提供一些图像,以便我可以看到代码必须做什么? – visualfanatic 2014-12-03 11:29:51

+0

当然! https://dl.dropboxusercontent.com/u/5843678/eventlist.png – 2014-12-03 11:33:38

0
.event:nth-child(odd){ 
    border-right: 1px solid red; 
} 
+0

谢谢,它的工作原理!但不知何故,它不会为第一个元素绘制它 – 2014-12-03 11:25:15

相关问题