编辑项目大小css和html

嗨，这里是最新的网站

我试图缩小图像大小，使其看起来像这样

我仍然希望项目水平和垂直居中。我试着缩小样本宽度；图像变小了，但现在不再水平和垂直居中。如果您能指出我需要更改的值，那就太好了。。。提前谢谢

.portfolio{
位置：相对位置；
最小宽度：300px；
宽度：100%；
保证金：120px自动；
列表样式：无；
左边距：70像素；
边缘顶部：280px；
右边距：0；
左边距：0；
左：5%；
}
李先生{
位置：相对位置；
浮动：左；
利润率：20px 24px；
左边距：-15px；
边缘底部：-70px；
宽度：30%；
垫底：10%；
最小高度：270px；
最小宽度：270px；
左边缘：-1%；
保证金权利：1%；
}
.李.样本{
位置：绝对位置；
显示：块；
盒影：0px 0px 8px#fafafa；
背景大小：100%；
背景重复：无重复；
背景位置：中心；
宽度：90%；
身高：56%；
最小高度：180.36px；
}
.portfolio李：悬停。示例{
盒影：0px 0px 12px#eee；
}
.详情{
位置：绝对位置；
底部：100px；
宽度：90%；
显示：块；
利润率：10px；
字号：17px；
文本对齐：居中；
颜色：#8C8C8C；
字母间距：1.4px；
左边距：0px；
右边距：0px；
}

只需更改这3个值：

.portfolio {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}

要完全消除或减少水平边距，请使用以下值：

.portfolio li {
    position: relative;
    float: left;
    margin: 20px 30px; /* tweak this however you like  */
    /* margin-left: -15px; remove this */
    margin-bottom: -70px;
    width: 20%; /* tweak this however you like  */
    padding-bottom: 10%;
    min-height: 200px; /* lower this  */
    min-width: 200px; /* lower this  */
    /* margin-left: -1%; remove this */
    /* margin-right: 1%; remove this */
}
.details { width: 100%; }
.portfolio li .sample { width: 100%; }

---

因为其他所有内容都是在

%

中设计的，所以我们可以缩小父对象并使其居中，其余部分也同样如此。

然后我看到右侧有很多空白。。。我该如何将其居中？这是你留下旧页边距的网站。把它们拿走，哇，真管用。非常感谢。若你们不介意的话，请继续提问-如何增加项目之间的利润率？水平利润率？垂直边距？我不知道你的意思。水平边距