Html css-div作为表的布局

我在格式化用div创建的html 3x3图库时遇到问题。下面是它现在的样子：

.画廊{ 宽度：自动； 保证金：50px自动； 填充：10px； 边框：2件纯黑； } A.画廊街{ 保证金：10px 10px 10px 0px； 宽度：自动； } .画廊图片{ 宽度：自动； 显示：内联块； 右边距：10px； } img{ 边框：2件纯黑； 填充：10px； 背景色：BBAABB； }

---

So.gallery_row{text align:center；}？text align有助于对齐页面的中心，但外部边框仍然扩展到页面的边缘。我想把它压缩得更紧一些-大约10像素与项目分开。text-align解决了中心对齐问题，但我希望项目和项目之间的间距在10像素左右，项目和外部边框之间的间距也一样，现在随着页面的展开，间距几乎达到最大值。差不多。剩下的唯一问题是，width in.gallery设置为100%，因此它从页面的左边缘扩展到右边缘-我希望它被压缩-外部边界距离图像约10px，因此主div不会占据页面的整个宽度。但我也不想将宽度设置为固定值，因为如果我在行中添加一个额外的图像，它会弄糟。@makkam121-您可以更改宽度，您是否希望这些小事情也能完成。太神了

 .gallery{
  width:auto;
  margin: 0auto;
  width:100%;
  text-align:center;
  border:2px solid black;

}
.gallery_row{
  margin:2%;
  width:auto;       
}
.gallery_image{
  width:auto;
  display:inline-block;
  margin:2% 5% 2% 5%
}
img {
  border:2px solid black;
  padding:20%;
  background-color:#BBAABB;
}