Question

我的表行中有图像问题。出于某种原因，当我将图片浮动到左侧时，背景颜色不会延伸并填充表格行。

p.more {
  color: rgb(255, 255, 255);
  font-family: Arial;
  font-size: 18px;
  line-height: 140%;
  margin: 0px;
  text-align: center;
  background-color: #cccccc;
}
img.more {
  float: left !important;
  margin: 0px 15px 15px 0px;
  width: 330px;
}
span.more {
  line-height: 100%;
  text-align: center;
  font-size: 18px;
}
span.moreweelove {
  color: rgb(255, 255, 255);
}

<table>
  <tr>
    <td>
      <p class="more">
        <a href="http://blog.weespring.com/weelove-littlehipsqueaks-knotted-headbands/">
          <img class="more" src="http://www.weespring.com/media/weelove_littlehipsqueeks.jpg">
        </a>
        <br>
        <span class="more"><span class="moreweelove"><strong>Modern, Comfy, and Fun Staples</strong></span></span>
      </p>
      <p class="readmore">
        <strong class="subheading">BIG LOVE FOR JUNE &amp; JANUARY</strong>
        <br>
        <br>
        <a href="http://blog.weespring.com/weelove-littlehipsqueaks-knotted-headbands/">
          <img src="http://www.weespring.com/media/read-more.png">
        </a>
        <br>
        <br>

      </p>
    </td>
  </tr>
</table>

Answer 1

如果想要使用背景颜色填充整行，则应该将css样式应用于相应的< tr >标记。

Answer 2

由于您应用<p>的背景色，因此只有<p>本身会变色。如果最后一行没有占据容器的整个宽度，例如

     xxxxxxxxxxxxxxxxxxxxxxxx
     xxxxxxxxxxxxxxxxxxxxxxxx
     xxxxxxxxxxxxx

然后只有x的部分才能获得背景处理。但是，如果您将颜色应用于包含段落的包含<td>，如下所示：

    +------------------------+
    |xxxxxxxxxxxxxxxxxxxxxxxx|
    |xxxxxxxxxxxxxxxxxxxxxxxx|
    |xxxxxxxxxxxxx           |
    +------------------------+

然后，最后的部分线也会被着色，因为<td>的整个框都是彩色的，而不仅仅是文本的位置。

Answer 3

这是因为你给了＃34; p.more＆＃34;不要去桌子。尝试给表格提供背景颜色。

为什么我的背景颜色没有填满我的所有桌子？

3 个答案: