3
В моем магазине spree, я готовлю почтовое отправление для отправки электронной почты при подтверждении заказа, но свойство CSS: justify-content не отображается в отправляемом электронном письме.Свойства CSS, не отображающиеся по электронной почте
Ниже мой HTML:
<div class="banner">
<img class="height-50perc banner-content" src="https://myUrl" />
<span class="banner-content">Order confirmed</span>
</div>
Мой CSS:
.banner {
display: flex;
height: 80px;
background: linear-gradient(90deg, #2e3092 , #0c5fdc);
justify-content: space-between;
}
.banner-content {
margin-top: auto;
margin-bottom: auto;
margin-left: 10px;
margin-right: 10px;
color: white;
font-size: 20px;
}
Но в электронной почте оказанной, я не вижу свойство: justify-content. Когда я инспектировать соответствующий элемент: это так:
<div class="m_2586726072602943149banner" style="background:linear-gradient(90deg,#2e3092,#0c5fdc);display:flex;height:80px">
....
</div>
Уведомление нет в этом div нет justify-content. Я просматриваю электронную почту в браузере Chrome и Firefox в Mac.
Я также попытался изменить CSS на:
.banner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 80px;
background: linear-gradient(90deg, #2e3092 , #0c5fdc);
justify-content: space-between;
-webkit-justify-content: space-between;
}
Но это тоже не помогло.
Если вы прикрепляете любые файлы css, то это не сработает. Попробуйте добавить свойство inline. – Aslam
@hunzaboy Пробовал в обоих направлениях, на самом деле spree заботится о файлах CSS, вот почему другие свойства приходят, но пытались дать это как встроенный. не работает. – Saurabh
Возможный дубликат: [** Свойства Flex-box удаляются в почтовом ящике gmail **] (http://stackoverflow.com/q/39376710/3597276) –