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

Question

图像会改变不同页面上的尺寸和位置，我希望只能让照片背后的颜色在所有面上都是10px左右。

.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;
}

DEMO