我使用<hr>標簽來分隔行,這在 Outlook 電子郵件中顯示雙行。但我只想顯示一行。我該如何解決這個問題?

我使用了以下代碼
<hr style="border:none;border-bottom:1px solid #0a0a0a;box-shadow:none;margin-bottom:0;">
所有答案都表示贊賞。
uj5u.com熱心網友回復:
添加outline:none;可能會消除 Outlook 電子郵件中的雙行問題。
<hr style="border:none;outline:none;border-bottom:1px solid #0a0a0a;box-shadow:none;margin-bottom:0;"/>
或者,您可以洗掉輪廓、邊框并指定高度和背景顏色:
<hr style="border:none;outline:none;height:1px;background:#0a0a0a;box-shadow:none;margin-bottom:0;"/>
uj5u.com熱心網友回復:
您可以使用不同的方式。
<div style="border-top: 1px dotted #999999;"> </div>
uj5u.com熱心網友回復:
為了獲得最佳的跨電子郵件兼容性,我使用邊框。您可以在<td>, 或其他塊級元素(如<p>.
在這里,我會使用這樣的段落:
`<p style="border-top:1px solid #0a0a0a;line-height: 0;font-size:0;margin:10px 0;"> </p>`
根據您的需要調整邊距。需要 line-height 和 font-size 以便沒有由“文本”(不間斷空格)引起的額外空間。
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/393853.html
標籤:html css 电子邮件 外表 html-email
上一篇:Twilio函式單獨作業,但當我在StudioFlows中使用它們時它們無法正常作業
下一篇:Kafka Eagle分布式模式
