将[su-column]嵌套在[row]中以使它们整齐地对齐

时间:2015-08-21 16:21:53

标签: wordpress alignment multiple-columns shortcode photo-gallery

我构建了一个页面,使用相互堆叠的列(最终使用短代码)显示内容

[su_column] content [/su_column]
[su_column] content [/su_column]
[su_column] content [/su_column]
<p> content </p>

[su_column] content [/su_column]
[su_column] content [/su_column]
[su_column] content [/su_column]
<p> content </p>

[su_column] content [/su_column]
[su_column] content [/su_column]
[su_column] content [/su_column]
<p> content </p>

它会不断地错位,通过包裹块很容易解决     [su_row]       [su_columns] ......     [/ su_row]

完整代码在下面的评论中

图片可以设置为250px宽度,并且看起来非常漂亮,如下所示:http://focallocal.org/activities/

确定这一切都非常简单,但我收到的关于这个主题的求助请求我的阻止让我无法提出新问题所以我想我会发布解决方案以防其他像我这样的新手有同样的问题问题。

1 个答案:

答案 0 :(得分:0)

谢谢你的期待。我刚刚通过在每列附近添加一行来解决它

[su_row]
[su_column] content [/su_column]
[su_column] content [/su_column]
[su_column] content [/su_column]
[/su_row]

<p> content </p> 

[su_row]
[su_column] content [/su_column]
[su_column] content [/su_column]
[su_column] content [/su_column]
[/su_row]

<p> content </p>

[su_row]
[su_column] content [/su_column]
[su_column] content [/su_column]
[su_column] content [/su_column]
[/su_row]

<p> content </p>