html 松木按钮对齐

Posted 2021-05-11

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 松木按钮对齐相关的知识，希望对你有一定的参考价值。

<!-- Align: Right for Desktops and Tablets -->
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
  <tr>
    <td class="col" width="640" style="padding: 0 10px;">
      <table align="right" bgcolor="#34BF49" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 3px;">
        <tr>
          <th>
            <a href="http://thememountain.com" style="border: 0 solid #34BF49; color: #FFFFFF; display: inline-block; font-size: 13px; padding: 8px 50px; text-decoration: none;">Button label</a>
          </th>
        </tr>
      </table>
    </td>
  </tr>
</table>

<!-- Align: Right for Desktops and Tablets, Left for Mobile -->
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
  <tr>
    <td class="col" width="640" style="padding: 0 10px;">
      <table align="right" bgcolor="#34BF49" class="align-sm-left" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 3px;">
        <tr>
          <th>
            <a href="http://thememountain.com" style="border: 0 solid #34BF49; color: #FFFFFF; display: inline-block; font-size: 13px; padding: 8px 50px; text-decoration: none;">Button label</a>
          </th>
        </tr>
      </table>
    </td>
  </tr>
</table>

<!-- Align: Center for Desktops and Tablets, Right for Mobile -->
<table cellpadding="0" cellspacing="0" role="presentation" width="100%">
  <tr>
    <td class="col" width="640" style="padding: 0 10px;">
      <table align="center" bgcolor="#34BF49" class="align-sm-right" cellpadding="0" cellspacing="0" role="presentation" style="border-radius: 3px; margin: 0 auto;">
        <tr>
          <th>
            <a href="http://thememountain.com" style="border: 0 solid #34BF49; color: #FFFFFF; display: inline-block; font-size: 13px; padding: 8px 50px; text-decoration: none;">Button label</a>
          </th>
        </tr>
      </table>
    </td>
  </tr>
</table>

以上是关于html 松木按钮对齐的主要内容，如果未能解决你的问题，请参考以下文章