css - 如何调整图像背后的背景大小？

Question

图像在不同页面上改变大小和位置，我希望能够只让照片后面的颜色在所有方面都约为 10 像素。

.wp-caption, .wp-caption-dd {
text-align: left;
margin: 0 auto 15px;
padding 10px;
background: rgb(245, 222, 179);
border: 0px;
  }

你可以看几张不同的图片

http://www.metnews.org/features/pretty-lights-new-album-a-two-disc-electronic-masterpiece/ http://www.metnews.org/sports/lansfords-departure-leaves-questions/

谢谢。

Answer 1

尝试将此添加到您的 CSS

.wp-caption{
    display: inline-block;
    padding: 10px;
}

或者将背景颜色设置为图像而不是容器

wp-caption img{
    background: rgb(245, 222, 179);
    padding: 10px;
}

Answer 2

你可以尝试这样的事情：

.wp-caption, .wp-caption-dd {
  text-align: left;
  margin: 0 auto 15px;
  padding 10px;
  background: red;
  border: 0px;
  display:block;
}

演示