Проверьте код ниже, чтобы помочь мне центрировать мою кнопку Gmail - PullRequest
Новая
       8

Проверьте код ниже, чтобы помочь мне центрировать мою кнопку Gmail

0 голосов
/ 31 января 2019

Я очень, очень плохо знаком с html.Я в основном копирую фрагменты кода в качестве основы и настраиваю его так, чтобы мои электронные письма работали.У меня есть этот кусок кода для моей электронной почты, но я не могу получить кнопку подтверждения по центру.Я пытался прочитать другие подобные вопросы, но мои знания в области кодирования - это знания новичка, и я не могу понять, как их решения для кодирования, в которых код немного отличается, относятся к моему коду, чтобы найти решение.Я добавил стиль = text-align: center;в нескольких местах, но это не сработало.Были и другие решения, но я не совсем понял, как они будут работать в моем коде.Я пытаюсь исправить это в течение нескольких часов.Очень расстроен.

Кроме центрирования, он работает в электронной почте.

<td valign="middle" style="text-align: center; padding: 0px 10px 10px 
0px;">You've previously contacted us at Business Name.&nbsp;<br>We 
are <b>only sending this email once</b> to our current client list to 
invite you to join our new free monthly e-newsletter.&nbsp;<br>

 style="text-align: center;
<table width="100%" cellspacing="0" cellpadding="0"><tbody><tr>
  <td>
      <table cellspacing="0" cellpadding="0">
          <tbody><tr>
              <td style="border-radius: 2px;" bgcolor="#018736">
                  <a href="https://www.businessname.com/community- 
 newsletter.html" target="_blank" style="padding: 10px 32px; border: 1px 
 solid #018736;border-radius: 2px;font-family: Helvetica, Arial, sans- 
serif;font-size: 24px; color: #ffffff;text-decoration: none;font- 
 weight:bold;display: inline-block;">
                      OPT-IN             
                  </a>
              </td>
          </tr>
      </tbody></table>
  </td>
 </tr>
</tbody></table>


<br>Grief is a difficult thing. If you choose not to join our free 
monthly newsletter at this time we understand, but will not be sending 
any other emails to you going forward. <br><br></td>

Ответы [ 2 ]

0 голосов
/ 31 января 2019

Используйте этот код ниже: 

 <td valign="middle" style="text-align: center; padding: 0px 10px 10px 
    0px;">You've previously contacted us at Handsome Stitchery.&nbsp;<br>We 
    are <b>only sending this email once</b> to our current client list to 
    invite you to join our new free monthly e-newsletter.&nbsp;<br>
    <table width="100%" cellspacing="0" cellpadding="0"><tbody><tr>
      <td style="text-align:center;">
          <table cellspacing="0" cellpadding="0" style="margin:0 auto;">
              <tbody><tr>
                  <td style="border-radius: 2px;" bgcolor="#018736">
                      <a href="https://www.handsomestitchery.com/community- 
     newsletter.html" target="_blank" style="padding: 10px 32px; border: 1px 
     solid #018736;border-radius: 2px;font-family: Helvetica, Arial, sans- 
    serif;font-size: 24px; color: #ffffff;text-decoration: none;font- 
     weight:bold;display: inline-block;">
                          OPT-IN             
                      </a>
                  </td>
              </tr>
          </tbody></table>
      </td>
     </tr>
    </tbody></table>


    <br>Grief is a difficult thing. If you choose not to join our free 
    monthly newsletter at this time we understand, but will not be sending 
    any other emails to you going forward. <br><br></td>
0 голосов
/ 31 января 2019

Отходя от того, что у вас есть, я думаю, что выбрасывание style="text-align: center; на <td>, в котором находится ваша кнопка ссылки, должно сработать.Также вам может понадобиться избавиться от другого style = "text-align: center; он плавает над первым тегом, это код, который отображается в виде текста на вашей странице.

...