如何将这些图像置于页面中心?

时间:2014-08-19 23:11:26

标签: html css

我正在开展一个初学者项目,因为我是web dev / design的新手,我正试图将这些图像集中在一起。我已经在Firefox中包含了我的代码和网页截图的链接。

http://imgur.com/a/g6zvH#2

1 个答案:

答案 0 :(得分:1)

如果您的图像没有包含在另一个div中,通常会起作用。

.grid {
    margin:0 auto; // Shortcut for margin-left:auto and margin-right: auto
    width: 1000px;
    text-align: center;
}

它的作用是将所有内容与div的中心对齐。

但是,由于所有图像都包含在另一个元素中,因此根据容器元素的样式,它们不会居中。

我想说的是解决问题的最佳方式:

http://jsfiddle.net/c0oku4zu/2/