如何將Outlook電子郵件中的左對齊文本居中？
[英]How do I Center Left-aligned Text in an Outlook Email?
問題描述
我正在嘗試設計一個可響應的電子郵件模板以在所有主要客戶中使用，並且就在那兒，但是由於Outlook不支持max-width ，並且我將所有元素都設置為width: 100% ，因此因為我的內容是左對齊的，所以將其一直放到最左邊。 我可以使用align:center或margin: 0 auto align:center頁眉和頁腳align:center 。
我該怎么做才能防止我的內容在沒有給出固定寬度或使用最大寬度的情況下一直向左移動（我正在使用，但是Outlook會忽略）？
2 個解決方案
解決方案1
0 2013-08-09 15:20:41
聽起來您似乎是在指的是一種“流體”布局（以百分比為基准），而不是一種“響應式”布局（您將在其中使用媒體查詢根據顯示設備的寬度指定樣式）。
由於為margin-left設置pixel值沒有多大意義，為什么不將margin-left設置為percentage值呢？
margin-left: 4%;
否則，您可能想看看MailChimp上有關媒體查詢的以下資源。
解決方案2
0 2013-08-09 16:07:28
嘗試此操作，並根據需要使用媒體查詢來調整不同屏幕尺寸的寬度百分比。 請記住，您的媒體查詢不會在這些電子郵件客戶端中生效。
</head>
<body style="margin: 0px; padding: 0px; background-color: #FFFFFF;" bgcolor="#FFFFFF">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#252525">
<tr>
<td align="center" style="padding-top:30px; padding-bottom:30px;">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10%">
</td>
<td align="left" width="80%" bgcolor="#FFFFFF">
<br>content<br>...<br>
</td>
<td width="10%">
</td>
</tr>
</table>
</td>
</tr>
</table>
</body></html>
如何居中 <ul> 文本左對齊並設置了最大寬度時的內容？
[英]How to center <ul> content while text is left-aligned, and max-width is set on it?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.