以php電子郵件爲中心的圖像問題

我想通過使用內聯樣式將圖標圖像置於php電子郵件中，無論我做什麼我都無法讓它們在closing-email-section-container的水平中心。以php電子郵件爲中心的圖像問題

我已經嘗試添加text-center和margin：0 auto;`到每個圖標的範圍以及它們的父級。都沒有工作。填充也是一樣，不需要任何東西。

我在做什麼錯？

<div id="closing-email-section" style="margin-top: 150px;"> 
 
     <div id="closing-email-section-container" style="background:#f6f6f6; width: 100%; height: 150px;"> 
 
     <div id="newsletter-social-media" style="text-align:center; margin-top:10px; font-size: .9em;margin-bottom:15px;">Follow us on Social Media</div> 
 
     <div id="newsletter-social-media-icons" style="text-align:center;margin: 15px auto;display:inline-block;"> 
 
    \t \t \t <span style=" "><a href="http://facebook.com/optimumwebdesigns/ " target="_blank "><img src="http://optimumwebdesigns.com/icons/facebookBlack.png " alt="Facebook " width="45px " height="45px "></a></span> 
 
    \t \t \t <span style=" "><a href="https://twitter.com/OptWebDesigns " target="_blank "><img src="http://optimumwebdesigns.com/icons/twitterBlack.png " alt="Twitter " width="45px " height="45px "></a></span> 
 
    \t \t \t <span style=" "><a href="http://linkedin.com " target="_blank "><img src="http://optimumwebdesigns.com/icons/linkedInBlack.png " alt="LinkedIn " width="45px " height="45px "></div></a></span> 
 
    \t \t </div> 
 
    \t </div> 
 
    </div>

來源

2016-04-03 Becky

我不知道這是否'是你的問題的原因，你的'style'屬性值之一缺少一個結束引號。 –

@SteveJorgensen謝謝，錯過了。問題仍然存在，謝謝嘗試。 – Becky

，我認爲它應該使用風格：塊，而不是內聯塊

如下面的代碼：

<div id="closing-email-section" style="margin-top: 150px;"> 
 
     <div id="closing-email-section-container" style="background:#f6f6f6; width: 100%; height: 150px;"> 
 
     <div id="newsletter-social-media" style="text-align:center; margin-top:10px; font-size: .9em;margin-bottom:15px;">Follow us on Social Media</div> 
 
     <div id="newsletter-social-media-icons" style="text-align:center;margin: 15px auto;display:block;> 
 
    \t \t \t <span style=" "><a href="http://facebook.com/optimumwebdesigns/ " target="_blank "><img src="http://optimumwebdesigns.com/icons/facebookBlack.png " alt="Facebook " width="45px " height="45px "></a></span> 
 
    \t \t \t <span style=" "><a href="https://twitter.com/OptWebDesigns " target="_blank "><img src="http://optimumwebdesigns.com/icons/twitterBlack.png " alt="Twitter " width="45px " height="45px "></a></span> 
 
    \t \t \t <span style=" "><a href="http://linkedin.com " target="_blank "><img src="http://optimumwebdesigns.com/icons/linkedInBlack.png " alt="LinkedIn " width="45px " height="45px "></div></a></span> 
 
    \t \t </div> 
 
    \t </div> 
 
    </div>

來源

2016-04-03 08:27:18

你知道爲什麼填充不能分離圖像嗎？ – Becky

它應該工作，如果你添加它的樣式屬性>>像：style =「padding：50px;」 –

我知道它爲什麼不適合我。我試圖使用'自動'像'padding：auto 10px;'...感謝您的幫助！ – Becky

以php電子郵件爲中心的圖像問題

回答

相關問題