对于相当奇怪的标题问题道歉,这是一个难以解释的问题。我正在尝试创建一个WordPress,并排使用两列来显示来自同一循环的内容。我想要实现的效果将格式如下:
仅限文字帖子而非图片。不过,我很难知道如何做到这一点。我已经尝试浮动所有div的左边并为它们分配相同的宽度,但这会导致内容在某些帖子比其他帖子更长时未对齐。另外,这是针对动态创建的内容,因此我必须找到一个WordPress循环友好的解决方案。为了帮助说明这个问题,我绘制了以下相当粗略的png:
http://s13.postimage.org/yoo4z9g9z/content_misaligned.png
请帮忙!
答案 0 :(得分:0)
您必须创建列,然后放置您的内容。
HTML:
<div class="multi_col">
<div class="col">
<div class="item">
Item 1
</div>
<div class="item">
Item 2
</div>
<div class="item">
Item 3
</div>
</div>
<div class="col">
<div class="item">
Item 1
</div>
<div class="item">
Item 2
</div>
</div>
</div>
CSS:
.mutlti_col
{
width: 420px;
}
.col
{
float: left;
width: 200px;
margin-left: 10px;
}
.item
{
width: 200px;
margin-top: 10px;
}
请检查jsfiddle。