如何在MJML 4.x中全局修改<mj-section>的默认padding属性？

方法1：用<mj-attributes>做原生全局配置（推荐） #

这是MJML官方支持的全局组件属性配置方案，无需依赖编译后的代码，完全贴合MJML的设计逻辑：

在模板的<mj-head>标签内添加<mj-attributes>，专门为<mj-section>设置默认padding即可：

<mjml>
  <mj-head>
    <mj-attributes>
      <!-- 全局把所有mj-section的padding设为0 0 -->
      <mj-section padding="0 0" />
    </mj-attributes>
  </mj-head>
  <mj-body>
    <mj-section>
      <!-- 这个section会自动套用上面的全局padding -->
      <mj-column>
        <mj-text>测试内容</mj-text>
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>

你可以根据需求调整padding的值，比如改成10px 0或者其他符合需求的间距。

方法2：用<mj-style>自定义CSS覆盖 #

如果需要更灵活的样式控制，也可以在<mj-head>里通过<mj-style>直接针对MJML编译后生成的.mj-section类写样式：

<mjml>
  <mj-head>
    <mj-style>
      .mj-section {
        padding: 0 !important; /* 加!important确保覆盖默认内联样式 */
      }
    </mj-style>
  </mj-head>
  <mj-body>
    <mj-section>
      <mj-column>
        <mj-text>测试内容</mj-text>
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>

由于MJML会给组件生成内联style，所以这里需要用!important强制覆盖默认样式，也可以根据需求修改padding的具体值。

内容的提问来源于stack exchange，提问作者Andy