Как показать длинный текст альта, когда она превышает ширину или высоту контейнера

Question

В статье https://litmus.com/community/learning/12-alt-text-in-html-email Он упомянул о:

Во многих почтовых клиентах, ALT текст исчезнет, ​​как только размер или длину текст превышает ширину и/или высоту контейнера изображения. Из-за этого поведения, вероятно, лучше придерживаться более коротких описаний и меньших размеров шрифта, чтобы избежать полного удаления текста ALT.

Но наш премьер-министр действительно хочет показать текст alt ... Есть ли способы достичь этого?

Спасибо!

Answer 1

Я бы попытался убедить вашего PM использовать короткие теги ALT. Вместо этого рискуя им не появляться.

Если он не принимает советы, как это обычно делают ПМ, есть еще один вариант. Создайте свои теги ALT, например, используйте небольшой, но читаемый размер шрифта, чтобы сделать текст подходящим. Не забудьте установить высоту линии, так как многие почтовые клиенты будут обрезать днища букв, если высота линии короче размера шрифта. Возможно, этот blog поможет вам!

<img src=".../image.jpg" width="300" height="300" alt="Get 30% off today!" style="font-size: 18px;line-height:20px;" />