小编noi*_*eau的帖子

我正在尝试captions基于figure和构建gallery-section figcaptions.它必须响应并使用不同的height/ width along with itsfigcaption`.

一切正常的firefox,但遗憾的是chrome不遵循100%,width在CSS这显著.

figure {
  margin: 6px;
  color: #333;
  /*display: table;
  float: left;*/
  display: inline-block;
  -webkit-box-sizing: border-box ;
  -moz-box-sizing: border-box ;
   box-sizing: border-box ;

}
figure figcaption {
  background: #E3E3E3;
  padding: 10px 12px 12px;
  color: #333;
  text-align: center;
  font-size: 13px;
  width: 100%;
  display: table-caption;
  caption-side: bottom;
  -webkit-box-sizing: border-box ;
  -moz-box-sizing: border-box ;
  box-sizing: border-box ;
}

这是我的JSFiddle

请帮忙.