難以在網站上集中元素

Question

我正在為某人的個人網站工作，我遇到了一個問題，將他的投資組合部分集中在他的頁面上。 有關頁面可以在我的網站http://websitetesting.pro/portfolio.html查看，以便進行測試。 投資組合圖像位於“數字”標簽下，但問題應該在“rowone”類下，因為它是圖形圖像的父元素。 這是第一行的代碼。

.rowone {
    height:240px;
    margin-left: 25%;
    margin-right: 25%;
    line-height: 240px;
    text-align: center;
    margin: auto;
}

如果不在那里，則錯誤應該在“主”css中，或者“投資組合”css中直接引用投資組合頁面。

Answer 1

.column類是一個塊元素，它按寬度填充整個頁面。 設置為內聯塊時，它保持一定的寬度，可以移動。

.column {
    display: inline-block;
}

要么

hover01 {
 display: inline-block;
    }

選項2更好。 所以你不會針對一般班級

Answer 2

.rowone {
    height: 240px;
    line-height: 240px;
    text-align: center;
    display: table;
    margin: 0 auto;
}