дисплей: встроенный блок не работает Outlook Email HTML - PullRequest
Новая
       7

дисплей: встроенный блок не работает Outlook Email HTML

0 голосов
/ 24 мая 2018

Я хочу установить одну таблицу и одно изображение в одной строке электронной почты.display: inline; отлично работает в любом браузере, но в почтовой программе Outlook все находится в одной колонке, мне нужно, чтобы они были в одной строке.Пожалуйста, помогите мне с решением. 

<html>

<head>
  <title></title>
  <style>
    img {
      display: inline;
      width: 100px;
      height: 100px;
    }
    
    h1 {
      display: inline;
    }
  </style>
</head>

<body> <img src="Image1.jpg">
  <h1>afdsgdf dfgsdf dsfgf</h1> <img src="Image2.jpg">
</body>

</html>

1 Ответ

0 голосов
/ 24 мая 2018

Кодирование HTML для почтовых клиентов полностью отличается от кодирования для веб-браузеров.И, кроме того, каждый почтовый клиент будет по-разному отображать ваш код.Это слишком обширная тема для обсуждения, поэтому я бы посоветовал провести онлайн-исследование.Однако, для начала, самый надежный способ написать HTML для электронной почты - это использовать макет таблицы с HTML-тегами trd и т. Д.Встроенный CSS, как это - 

 <img style="display: inline; width: 100px; height: 100px;" src="img1.jpg" /> 
 <h1 style="display:inline"> Im a header </h1>

Надеюсь, это поможет

...