垂直短线出现在mjml中的列之间，错误

Question

我正在使用MJML v4.4.1应用程序，偶尔会在列之间出现短垂直线。仅当我将测试电子邮件发送到Outlook时，它们才会显示在应用程序或在线编辑器的查看窗口中（我看不到gmail）。在我的代码中看不到任何东西，但是我对MJML还是很陌生。想知道是否有人曾经有过类似的经历并且知道如何解决？ 链接到显示第1和2列与第3和4列之间的细线的图片。

<mjml>
<mj-head>
<mj-attributes>
<mj-section background-color="#FFFFFF" />
<mj-text align="justify" color="#3d3d3d" font-size="15px" font-family="Arial, Helvetica, Sans-serif"/>
</mj-attributes>
</mj-head>
<mj-body background-color="#a56e5e">
<mj-section background-color="#a56e5e"></mj-section>
<mj-section padding-top="30px" padding-bottom="10px">
<mj-column>
<mj-text align="center"><b>CompanyName</b><br/>Support Phone</mj-text>
</mj-column>
</mj-section>
<mj-section padding-top="0px" padding-bottom="0px">
<mj-column>
<mj-text align="center"><b>City1</b><br/>Phone1</mj-text>
</mj-column>
<mj-column>
<mj-text align="center"><b>City2</b><br/>Phone2</mj-text>
</mj-column>
<mj-column>
<mj-text align="center"><b>City3</b><br/>Phone3</mj-text>
</mj-column>
<mj-column>
<mj-text align="center"><b>City4</b><br/>Phone4</mj-text>
</mj-column>
</mj-section>
<mj-section padding-top="0px">
<mj-column>
<mj-social>
<mj-social-element name="facebook" href=""></mj-social-element>
<mj-social-element name="twitter" href=""></mj-social-element>
<mj-social-element name="linkedin" href=""></mj-social-element>
</mj-social>
</mj-column>
</mj-section>
<mj-section background-color="#a56e5e"> </mj-section>
</mj-body>
</mjml>

图片显示了第1列和第2列与第3列和第4列之间的细线。