내용이 필요한만큼 테이블 폭을 늘리십시오.

-1

HTML 메일을 사용하여 클라이언트에게 데이터 테이블을 보내고 있지만이 테이블은 적어도 2000px까지 폭넓게 나타날 수 있습니다. 나는 그 테이블이 원하는만큼 많은 공간을 차지하고 싶지만 그 이상은 필요하지 않습니다.내용이 필요한만큼 테이블 폭을 늘리십시오.

편집 : 이메일이 그렇게 넓어서는 안된다는 것을 알고 있습니다. 문제는 테이블이 엄청나게 넓어서 이메일 본문에 있어야한다는 것입니다. 나가 자동차에 너비를 남겨 두는 경우에, 다만 콘테이너가 넓다 그러나 찌르 게된다. 나는 테이블을 읽을 수있을만큼 충분히 넓을 필요가 있지만 필요 이상으로 넓지는 않아야한다. 너비가 자동으로 계산되기를 원하지만 컨테이너 너비에 의해 제한되지는 않습니다. 어떤 답변을

감사합니다 :)

출처

2017-05-18 lenny

HTML 이메일 넓은 600PX 최대해야한다. 반응이 있더라도 (거기에 이상한 디자인이 없다면 ...). 너 뭐 해봤 니? 테이블이 공간을 차지하는 방법 등을 설명 할 수 있습니까? –

@ RokoC.Buljan 편집 – lenny

_ "HTML 이메일의 최대 크기는 600px 여야합니다."_ 이것은 제한 사항이 아니기 때문에 지침이되었습니다. 이메일은 필요한만큼 좁거나 넓을 수 있습니다. –

그냥 다음 몇 가지 일반 텍스트, 그 슈퍼 와이드 테이블, 좀 더 일반 텍스트입니다. 바람직하게는 텍스트를 컨테이너의 너비로 제한하고 싶습니다만, 테이블이 인간이 읽을 수 있도록 필요한만큼 멀리 가고 싶습니다.

는이 경우에, 나는 세 이메일 래퍼로이 코딩 해보고 싶었어요 :

텍스트의 첫 번째 블록에 대한 고정 폭을.
와이드 테이블의 정의되지 않은 너비 (필요한 경우 늘어날 수 있도록).
두 번째 텍스트 블록의 고정 너비입니다. 이 같은

뭔가 :

<body width="100%" bgcolor="#ffffff" style="margin: 0; mso-line-height-rule: exactly;"> 
 
    <center style="width: 100%; background: #ffffff; text-align: left;"> 
 

 
     <!-- some plain text : BEGIN --> 
 
     <div style="max-width: 680px; margin: auto;" class="email-container"> 
 
      <!--[if mso]> 
 
      <table role="presentation" aria-hidden="true" cellspacing="0" cellpadding="0" border="0" width="680" align="center"> 
 
      <tr> 
 
      <td> 
 
      <![endif]--> 
 
       <table role="presentation" aria-hidden="true" cellspacing="0" cellpadding="0" border="0" align="center" width="100%" style="max-width: 680px;"> 
 
        <tr> 
 
         <td> 
 
          some plain text 
 
         </td> 
 
        </tr> 
 
       </table> 
 
      <!--[if mso]> 
 
      </td> 
 
      </tr> 
 
      </table> 
 
      <![endif]--> 
 
     </div> 
 
     <!-- some plain text : END --> 
 

 
     <!-- that super wide table : BEGIN --> 
 
     <div style="margin: auto;" class="email-container"> 
 
      <!--[if mso]> 
 
      <table role="presentation" aria-hidden="true" cellspacing="0" cellpadding="0" border="0" align="center"> 
 
      <tr> 
 
      <td> 
 
      <![endif]--> 
 
       <table role="presentation" aria-hidden="true" cellspacing="0" cellpadding="0" border="0" align="center"> 
 
        <tr> 
 
         <td> 
 
          some plain text 
 
         </td> 
 
        </tr> 
 
       </table> 
 
      <!--[if mso]> 
 
      </td> 
 
      </tr> 
 
      </table> 
 
      <![endif]--> 
 
     </div> 
 
     <!-- that super wide table : END --> 
 

 
     <!-- some more plain text : BEGIN --> 
 
     <div style="max-width: 680px; margin: auto;" class="email-container"> 
 
      <!--[if mso]> 
 
      <table role="presentation" aria-hidden="true" cellspacing="0" cellpadding="0" border="0" width="680" align="center"> 
 
      <tr> 
 
      <td> 
 
      <![endif]--> 
 
       <table role="presentation" aria-hidden="true" cellspacing="0" cellpadding="0" border="0" align="center" width="100%" style="max-width: 680px;"> 
 
        <tr> 
 
         <td> 
 
          some plain more text 
 
         </td> 
 
        </tr> 
 
       </table> 
 
      <!--[if mso]> 
 
      </td> 
 
      </tr> 
 
      </table> 
 
      <![endif]--> 
 
     </div> 
 
     <!-- some more plain text : END --> 
 

 
    </center 
 
</body>

출처

2017-05-19 12:05:20

내용이 필요한만큼 테이블 폭을 늘리십시오.

답변

관련 문제