除了指定点之后的元素

时间:2013-12-06 09:41:36

标签: html css zurb-foundation

所以,除此之外,请在这里看到我的意思:http://ejfox.github.io/sStory/

一篇文章,2个CSS列,在第一列中我有文章和图片的文章,在第二列中我放置了元素。那些旁边的元素是文字或图像,它们类似于报纸的旁边。

我正在使用zurb基础,所以我创建了一个包含两列的行。我在第一栏中有这篇文章。我想在第二列中添加旁白,但仅在指定的点之后。

例如:

Lorem ipsum dolor sit amet, 

consectetuer adipiscing elit, 

tincidunt ut laoreet dolore [here]

magna aliquam erat volutpat. 

我希望抛开[这里]的位置。

所以,问题是,是否有可能使用带有zurb基础的2列布局,将元素放在第一列中指定的第二列中?

1 个答案:

答案 0 :(得分:0)

以一种既能提供可预测的响应行为的方式执行此操作的最直接的方法是为您希望与之相关的每个段落创建一个单独的行。

参见jsFiddle:http://jsfiddle.net/vr4C2/1/

<div class="row">
  <div class="large-6 columns">
     <p>Story info relating to the aside</p>
  </div>
  <div class="large-6 columns">
    <h5>Aside</h5>
    <p>Your aside info</p>
  </div>
</div>