2017-06-30 2 views
0
<mjml> 
    <mj-body> 
    <mj-section> 
     <mj-column> 
     <mj-text align="center"> 
      This is a header 
     </mj-text> 
     </mj-column> 
    </mj-section> 

    <mj-section> 
     <mj-column> 
     <mj-text align="center"> 
      Another Header 
     </mj-text> 
     </mj-column> 
    </mj-section> 

    </mj-body> 
</mjml> 

上記のMJMLメールコードで何らかの理由で、第2の<mj-section>がブラウザで表示されても何も表示されません。画像がテキスト要素ではなくセクション内に配置されている場合、これも表示されません。私は今日のフレームワークを発見したばかりですので、原因と修正に関する情報や指示は非常に高く評価されます。2番目のセクションがMJMLで表示されないのはなぜですか?

答えて

1

mj-containerタグがありません。有効なコードは次のとおりです。

<mjml> 
    <mj-body> 
    <mj-container> 
     <mj-section> 
     <mj-column> 
      <mj-text align="center"> 
      This is a header 
      </mj-text> 
     </mj-column> 
     </mj-section> 

     <mj-section> 
     <mj-column> 
      <mj-text align="center"> 
      Another Header 
      </mj-text> 
     </mj-column> 
     </mj-section> 
    </mj-container> 
    </mj-body> 
</mjml> 
+1

ありがとうございました。それが何か簡単だろうと分かっていた! – iamjawa

関連する問題