전자 메일 서식 파일의 절대/상대 위치 사용

전자 메일 내의 이미지에 절대/상대 위치를 적용하려고합니다. 단락의 줄 높이를 유지하기 위해 절대 위치 지정이 필요한 범위 안에 이미지가 있습니다.전자 메일 서식 파일의 절대/상대 위치 사용

다음은 내가 성취하려고하는 이미지입니다.

전자 메일 템플리트에서 절대 위치 지정 및 상대 위치 지정을 사용할 수 없다는 사실을 알게되면 절대 위치 지정을 사용하지 않고 이미지 위치를 수정할 수 있습니다.

2017-12-20 chandan

현재 시도하고있는 코드를 게시 할 수 있습니까? 왜 이미지를 이동하기 위해 여백, 표 또는 테두리를 사용할 수 없는지 잘 모르겠습니다. – gwally

position CSS property has very poor support in email clients, 괜찮은 CSS를 지원한다고 생각되는 사람조차도. 당신은 내기 가장 좋은 것

는 다음과 같이 이미지의 line-height, 무언가를 부정하려고하는 것입니다

<p style="margin: 0 0 10px; line-height: 130%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur aliquam dictum varius. Integer mollis, elit nec commodo elementum, justo nunc faucibus lectus. <img src="" style="display: inline; mso-line-height-rule:exactly; line-height: 0;">

라인의 높이가 다르게 line-height 조금을 치료하는 경향이 글꼴 및 이메일 클라이언트에 따라 다릅니다. 완벽하지는 않지만 위의 스크린 샷에 가까워집니다.

출처

2017-12-21 12:42:14

이 실제로 코드 엔티티가 있습니다

U+026A0 UNICODE 
&#x26A0; HEX CODE 
&#9888; HTML CODE

을하는 당신이 할 수 많은 코드와 다음 단지 스타일 인라인 :

<p>Lorem Ipsum dolor sic met <strong style="color: #fff126">&#x26A0;</strong></p>

발췌문 :

<p>Lorem Ipsum dolor sic met <strong style="color: #fff126; back">&#9888;</strong></p>

html 전자 메일에서 position: absolute을 사용하는 것은 Outlook에서 100 % 중단된다는 것입니다.

출처

2017-12-22 22:33:23 scoopzilla

사람들의 전화기에서'& # x26A0; '을 사용하면 올바른 경고 그림이 표시됩니다. – scoopzilla

전자 메일 서식 파일의 절대/상대 위치 사용

답변

관련 문제