响应高度列

Question

我正在尝试修复Joomla中的格式错误！我在学校接手的项目。

目前，他们在本文中使用了HTML指令（据我所知）。

[columns add_margins=true css="z-index:4;"] [column width_sm="4"] [html]
  //Content of first Column
[/html] [/column] [column width_sm="4" css="position:relative;"] [html]
  //Content of second Column
[/html] [/column] [column width_sm="4"] [html]
  //Content of third Column
[/html] [/column] [/columns] [fluid][html ]
[/html][/fluid]

现在的问题是，如果“内容”的长度为多行，则行会变得混乱（请参阅img）。我尝试使用Flex-Boxes导致混乱，但是维护内容的人员希望坚持使用当前表格。

Problem Image

编辑器视图如下：

<p>[columns add_margins=true css="z-index:4;"] [column width_sm="4"] [html]</p>
<p> </p>
<h5 style="text-align: center;">Beiglböck Matthias, BEd</h5>
<p style="text-align: center;"><a href="joomplu:52 type=img"><img class="jg_photo" src="index.php?option=com_joomgallery&amp;view=image&amp;format=raw&amp;id=52&amp;type=thumb" alt="joomplu:52" /></a>  </p>
<p style="text-align: center;">M, Bsp, Erste-Hilfe-Beauftragter</p>
<hr />

<p>[/html] [/column] [column width_sm="4" css="position:relative;"] [html ]</p>
<p> </p>
<h5 style="text-align: center;">Beiglböck Matthias, BEd</h5>
<p style="text-align: center;"><a href="joomplu:52 type=img"><img class="jg_photo" src="index.php?option=com_joomgallery&amp;view=image&amp;format=raw&amp;id=52&amp;type=thumb" alt="joomplu:52" /></a>  </p>
<p style="text-align: center;">M, Bsp, Erste-Hilfe-Beauftragter</p>
<hr />

<p>[/html] [/column] [column width_sm="4"] [html ]</p>
<p> </p>
<h5 style="text-align: center;">Beiglböck Matthias, BEd</h5>
<p style="text-align: center;"><a href="joomplu:52 type=img"><img class="jg_photo" src="index.php?option=com_joomgallery&amp;view=image&amp;format=raw&amp;id=52&amp;type=thumb" alt="joomplu:52" /></a>  </p>
<p style="text-align: center;">M, Bsp, Erste-Hilfe-Beauftragter</p>
<p>[/html] [/column] [/columns] [fluid][html ]</p>
<p>[/html][/fluid]</p>

他们是我可以坚持使用这种方法而不丢掉所有东西的方法吗？或者这是一团糟，必须重做吗？我是Joomla的新手！运行Joomla！ 3.8

谢谢！