Email MJML edm如何制作列';它的高度和另一列一样吗?
我试图在我的EDM上实现以下设计: 我尝试了以下方法:Email MJML edm如何制作列';它的高度和另一列一样吗?,email,html-email,mjml,Email,Html Email,Mjml,我试图在我的EDM上实现以下设计: 我尝试了以下方法: <mj-section padding="12px 48px 12px" background-color="#FFF" > <mj-column width="50%"> <mj-image src="assets/img/image-1.png" width="231px" padding="
<mj-section
padding="12px 48px 12px"
background-color="#FFF"
>
<mj-column width="50%">
<mj-image
src="assets/img/image-1.png"
width="231px"
padding="0"
align="center"
/>
</mj-column>
<mj-column width="50%" background-color="#F0F0F0">
<mj-text
color="#101010"
font-size="29px"
line-height="35px"
font-family="Arial, sans-serif"
font-weight="700"
align="right"
padding="0"
>
<p>Lorem ipsum dolor sit amet</p>
</mj-text>
</mj-column>
</mj-section>
Lorem ipsum dolor sit amet
但我没有得到我想要的结果:
如何使第二列的高度填充整个部分,使其与另一列的高度相等
希望有人能帮忙,谢谢 您可以为整行(或两列)提供相同的背景色
<mj-section
padding="12px 48px 12px"
background-color="#fff">
<mj-section
background-color="#F0F0F0">
<mj-column width="50%" background-color="#F0F0F0">
<mj-image
src="assets/img/image-1.png"
width="231px"
padding="0"
align="center"/>
</mj-column>
<mj-column width="50%" background-color="#F0F0F0">
<mj-text
color="#101010"
font-size="29px"
line-height="35px"
font-family="Arial, sans-serif"
font-weight="700"
align="right"
padding="0"
>
<p>Lorem ipsum dolor sit amet</p>
</mj-text>
</mj-column>
</mj-section>
</mj-section>
Lorem ipsum dolor sit amet
让我知道这是否有效。如果您更改该部分的颜色,该怎么办?(刚刚编辑的代码)您可以将节放入节中吗?查看上面更新的代码不要害怕编辑代码或尝试新的东西(只要你有备份)。电子邮件编码很有趣!根据官方文件,节不能相互嵌套