将[su-column]嵌套在[行]中，以使它们整齐地对齐 [英] Nesting [su-column] inside [row] to get them to align neatly

问题描述

我构建了一个页面来显示内容，该页面使用彼此堆叠的列(带有最终码)

i built a page to display content using columns stacked on top of each other (with shortcodes ultimate)

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

it would constantly misalign, easily solved by wrapping the blocks [su_row] [su_columns] ...... [/su_row]

完整的代码在下面的注释中

full code is in comment below

图像可以设置为250px宽度，看起来像这样: http://focallocal. org/activities/

images can be set to 250px width and it'll come out looking pretty nice like this: http://focallocal.org/activities/

确保这一切都非常简单，但是我因寻求有关此主题的帮助而收到的反对意见使我无法提出新问题，因此我认为我会发布解决方案，以防万一像我这样的其他新手也遇到同样的问题.

sure this is all pretty simple, but the downvotes i received for asking for help on this topic got me blocked from asking new questions so i thought i'd post the solution in case any other newbies like me have the same issue.

推荐答案

感谢您的配合.我只是通过在每列周围添加一行来解决它

thanks for looking. i just solved it by adding a row around each column

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

这篇关于将[su-column]嵌套在[行]中，以使它们整齐地对齐的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！