CSS网格居中

Question

我尝试让我的网站更具响应性。

基本上我有一个container html元素，里面有多个块元素。里面的块元素是固定大小的。

我努力实现的是我的内容始终居中。

我试过这样的事情：

.container {
    width: 100%;
    margin: 0 auto;
}

我想，我不是唯一一个遇到这个问题的人，但我没有说出这个问题或找到解决方案。

示例：http://jsfiddle.net/k7u9e/

Answer 1

试

.images {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

http://jsfiddle.net/k7u9e/1/

Answer 2

.container {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

试试这个