表中的边界崩溃不起作用

时间:2016-02-03 17:54:29

标签: html css wordpress border

我需要折叠桌子而且它不适合我。我在WordPress中使用内联样式,因为它只是一个样式的页面。

<table style="border-collapse: collapse;  max-width: 100%; height: auto; margin: 0 auto;">
  <tbody>
    <tr>
      <td style="background-color: #299696; margin: 0 auto; ">
        <div style="float: right !important; width: 40%; padding-left: 5%;">
          <img style="float: right !important; width: 100%; height: auto; min-width: 325px;" alt="weeSpring parent panel, boy holding apple with heart-shaped bite out of it" src="http://blog.weespring.com/wp-content/uploads/2016/01/43b6e465b5d42899675508a8d0bc0b36-300x220.jpg"
          />
        </div>
        <div style="float: left !important; width 10%; padding: 6% 1% 0 1%;">
          <img style="float: left !important; width: 100%; height: auto;" alt="" src="http://www.weespring.com/media/disclosure-arrow.png" />
        </div>
        <h5 style="color: #ffffff !important; padding-top: 2%;">Disclosure Statement from weeSpring</h5>
        <p style="color: #ffffff !important; font-size: 14px; margin: 0 5% 0 6%; text-align: left !important; font-weight: bold; line-height: 1.4em;"><span style="font-size: 28px;">O</span>n weeSpring, members may be invited to participate in sampling campaigns where they receive complimentary products for review. When posting their reviews, members are required to abide by our disclosure terms:</p>
        <p></p>
        <p style="color: #ffffff !important; font-size: 14px; margin: 0 5% 0 6%; text-align: left !important; font-weight: bold; line-height: 1.4em;">The Federal Trade Commission requires testing program participants to disclose that they have received products for complimentary testing purposes in all review materials. Please note that failure to abide by these rules may result in suspension
          from the weeSpring Parent Panel. Please refer to the following rules and guidelines below for more information.</p>
      </td>
    </tr>
    <tr>
      <td style="width: 100%; background-color: #000000; vertical-align: middle;">
        <span style="color: #299696 !important; font-size: 1.8em; font-weight: bold;">When Writing Reviews</span>
      </td>
    </tr>
  </tbody>
</table>

1 个答案:

答案 0 :(得分:0)

所以看起来我要解决这个问题就是把它添加到我的表格样式中,奇怪的是,它解决了它。     border: solid 0;