Outlook/HTML - 如何獲取html內容以將圓角矩形顯示爲統一圓形？

這是我的模板代碼（C＃）。無論嵌套圖像寬度的寬度如何，我都需要將v：roundrect（height = 100px）渲染爲圓形寬度=高度。理想情況下，我想根據圖像寬度來決定圓的直徑。Outlook/HTML - 如何獲取html內容以將圓角矩形顯示爲統一圓形？

我該如何解決這個問題，使我的圓形看起來像一個圓形而不是一個帶有彎曲邊緣的寬矩形？

      <!--[if mso]> 
           <v:roundrect xmlns:v='urn:schemas-microsoft-com:vml' xmlns:w='urn:schemas-microsoft-com:office:word' style='height:100px; min-height: 100px !important;' arcsize='1000%' stroke='FFD700'> 
            <w:anchorlock/> 
            <center> 
            <img width='40' src='{1}' alt='dot' /> 
            </center> 
           </v:roundrect> 
           <![endif]--> 
          <!--[if !mso]> <!----> 
           <div class='partnerlogo'> 
            <img width=40' src='{1}' alt='dot' /> 
           </div>       
          <![endif]-->  
          &nbsp; 
         </td>

來源

2017-05-11 Vahe

這裏<img width=40' src='{1}' alt='dot' />你分配這樣的：width: 40px;。

您還需要它也有相同的height。所以，如果你已經知道，這將是width: 40px（就像你貼）那就試試這個在您的CSS：

.partnerlogo img { 
    border-radius: 50%; 
    width: 40px; 
    height: 40px; 
}

而且你的代碼應該是這樣的：

<div class='partnerlogo'> 
    <img src='{1}' alt='dot' /> 
</div>

來源

2017-05-11 21:15:17 SrAxi

謝謝@SrAxi，在MS Outlook ，寬度= '40'是故意的，因爲'40px'不被識別。但讓我試試解決方案。我以前的問題與CSS寬度，所以我用width = '40'強制圖像至多40px。 – Vahe

讓我知道它是怎麼回事。如果它被覆蓋，請嘗試：'width：40px！important'。不知怎的，我希望我有用。我會等待您的反饋！ ;）祝你好運！：D – SrAxi

謝謝@SrAxi，我設法得到一個半圓，更像是一個圓角矩形。但仍在努力。 – Vahe

Outlook/HTML - 如何獲取html內容以將圓角矩形顯示爲統一圓形？

回答

相關問題