這似乎相當簡單,但我看不出有什么方法可以做到這一點。使用MJML 4.x,我有許多包含& ltmj-section & gt;...& lt/mj-section & gt;。
根據文檔,默認的CSS填充應用于& ltmj-section & gt;就是20px 0。這意味著每個部分的頂部/底部之間有20px的空間。
我希望能夠全局地改變這一點,而不是遍歷我的文件中的每一個section標簽,做一些類似& ltmj-部分填充= & quot0 & gt;& gt。
我從文檔中看到了在& ltmj-head & gt;得到應用& quot全球& quot。但是我看不出你如何能為MJML標簽這樣做。例如,您可以這樣做:
<mj-head>
<mj-attributes>
<mj-all font-family="Arial" font-size="14px" color="#000" line-height="1.5" />
</mj-attributes>
</mj-head>
但這是可行的,因為它將CSS屬性應用于& ltbody & gt即14px Arial黑色字體,行高1.5。
你怎么能瞄準& ltmj-section & gt;或者覆蓋這些元素的默認填充?
我嘗試過檢查編譯后的模板,但這似乎并不正確,因為我會將CSS屬性添加到一組編譯后的標記中,這似乎不是正確的方法。
你完全明白了!所以你想做的是把它們設計得稍微不同,對嗎?好消息:MJML支持你。
你需要做的是在這一帶閑逛。這是所有酷的、全球風格發生的地方。您已經知道了如何使用整個shebang,但是您知道您可以只對。是的,是真的。
您所要做的就是用替換并添加您自己的填充,就像這樣:
<mjml>
<mj-head>
<mj-attributes>
<mj-section padding="0px">
</mj-attributes>
</mj-head>
<!-- Rest of your MJML code goes here -->
</mjml>