如何将所有屏幕尺寸的缩略图居中？答案

【问题标题】：How to center thumbnails for all screen-sizes?如何将所有屏幕尺寸的缩略图居中？
【发布时间】：2012-06-16 18:57:07
【问题描述】：

body{
    width:auto;
    color:white;
    font-size:15px;
    width:100%;
    max-width:1980px;
    min-width:334px;    
    margin:0px auto;
}

这是我的代码。我需要缩略图位于所有屏幕分辨率的中心。但我做不到。我什至尝试过标签。它也没有用。我该怎么办？

http://www.kursatkarabulut.com/galeriler/kopya.php 用于示例页面

【问题讨论】：

标签： html css screen-size

【解决方案1】：

有一篇关于使用 css 将任何东西居中的非常好的文章：

http://designshack.net/articles/css/how-to-center-anything-with-css/

【讨论】：

【解决方案2】：

#gallery { width: 980px; margin: 0 auto; }

像div 这样的块级元素水平居中只需要指定宽度并将水平边距设置为自动。

【讨论】：

【解决方案3】：

这应该用于使整个网页居中

   body {
      position: relative;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 14px;
      width: 800px;
      margin: 0 auto;
      padding: 10px;
      color: #333;
   }

【讨论】：