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

Question

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 示例页面

Answer 1

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

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

Answer 2

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

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

Answer 3

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

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