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

Question

我构建了一个页面来显示使用彼此堆叠的列（使用短代码终极）

[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/

确定这一切都非常简单，但是我收到了关于这个主题寻求帮助的反对票让我无法提出新问题所以我想我会 post 解决方案以防其他新手喜欢我有同样的问题。

Answer 1

感谢观看。我只是通过在每一列周围添加一行来解决它

[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>