Ограничить высоту ячейки внутри таблицы для электронного письма в настольном приложении OutlookCSS

Разбираемся в CSS
Ответить
Anonymous
 Ограничить высоту ячейки внутри таблицы для электронного письма в настольном приложении Outlook

Сообщение Anonymous »

Как ограничить высоту ячейки таблицы для электронного письма в настольном приложении Outlook?
Она хорошо отображается в браузере.

В В настольном приложении Outlook весь текст с идентификатором #some-text увеличивает длину ячейки.
ДЕМО: https://jsfiddle .net/ArtfulLee/zxg6msyt/







Template

table {
border-spacing: 0;
mso-cellspacing: 0;
mso-padding-alt: 0;
}

td {
padding: 0;
}

a {
text-decoration: none;
}

































Lorem ipsum dolor sit amet:
















Изображение
alt="photo"
style="display: block; object-fit: cover;">


style="height: 157px; overflow-y: hidden;">
style="Margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: 700; line-height: 28.8px; color: #006c5e;">
Lorem ipsum dolor sit amet.

Lorem ipsum dolor, sit amet
consectetur adipisicing
elit. Cupiditate accusantium
et voluptatibus ullam, fuga
optio beatae officia aliquam
aperiam in sint veritatis
dolorum error quae minima
iste. Explicabo dolorum
temporibus laudantium fugiat
ducimus reprehenderit
provident beatae dolorem,
repellat ad esse in cumque!
Quibusdam minus possimus
assumenda, iste ea dolore
veniam at ipsam iusto
molestias, veritatis
maiores? Iusto, tempore rem
perferendis deserunt quis
cum dolor quo sit omnis?
Eaque ea incidunt
voluptatibus nihil
architecto dolores rem
facilis omnis tempora ab
optio accusamus aperiam, cum
corporis dolorem beatae nemo
quidem tempore? Fugit
quisquam nobis vero quo
atque consequatur maxime,
sunt non, impedit quia
possimus magnam ab illo nemo
vitae ipsum. Eligendi at
ipsa id iste beatae. Quidem
nemo enim similique ex,
repellat omnis debitis nisi
ipsam fugit iusto incidunt
unde magnam, voluptate animi
veniam dolorum consectetur
doloribus sapiente eaque
eum. Cum quia facilis atque
earum perspiciatis aperiam
eos, alias et ullam
officiis?


































Я пробовал классы, указывая высоту в классе и встроенный стиль.

Я также пытался установить высоту для элементов таблицы.









Подробнее здесь: https://stackoverflow.com/questions/781 ... esktop-app
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»