html Pine .col类示例

Posted

tags:

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

<table align="center" cellpadding="0" cellspacing="0" role="presentation" width="100%">
  <tr>
    <td class="spacer" height="30" style="line-height: 30px;">&nbsp;</td>
  </tr>
  <tr>
    <td style="padding: 0 20px;">
      <table cellpadding="0" cellspacing="0" role="presentation" width="100%">
        <tr>
          <td class="col" width="310" style="padding: 0 10px;">
            <h2 style="font-weight: 500; margin: 0;">First column</h2>
            <p style="color: #999999; font-size: 12px; font-weight: 400; margin: 0;">Full width on mobile</p>
            <p>These columns use the required <code>.col</code> class.</p>
          </td>
          <td class="col" width="310" style="padding: 0 10px;">
            <h2 style="font-weight: 500; margin: 0;">Second column</h2>
            <p style="color: #999999; font-size: 12px; font-weight: 400; margin: 0;">Also full width on mobile</p>
            <p>On mobile, this makes them 100% wide, so they stack.</p>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td class="spacer" height="30" style="line-height: 30px;">&nbsp;</td>
  </tr>
</table>

以上是关于html Pine .col类示例的主要内容，如果未能解决你的问题，请参考以下文章

html Pine基本导航标题示例

html Pine Google字体示例

css Pine Alignment响应实用程序类

html Pine HTML / CSS背景图片

HTML 简单的图形框代码（3 col示例）

html Pine HTML / CSS Retina背景图像