使用 CSS 创建座位计划

Question

我想使用 css 创建座位计划。作为一个盒子，我使用了本教程的 css 文件 http://net.tutsplus.com/tutorials/html-css-techniques/create-a-document-icon-with-css3/。

首先，当我尝试在同一行中添加第二个框时，它会跳过一行， 然后我用以下内容更改了盒子的CSS：

.docIcon {
   background: #15cd2f;

   background: -webkit-linear-gradient(top, #caffb2 0, #15cd2f 15%, #caffb2 40%, #caffb2 70%, #15cd2f 100%);
   background: -moz-linear-gradient(top, #caffb2 0, #15cd2f 15%, #caffb2 40%, #caffb2 70%, #15cd2f 100%);
   background: -o-linear-gradient(top, #caffb2 0, #15cd2f 15%, #caffb2 40%, #caffb2 70%, #15cd2f 100%);
   background: -ms-linear-gradient(top, #caffb2 0, #15cd2f 15%, #caffb2 40%, #caffb2 70%, #15cd2f 100%);
   background: linear-gradient(top, #caffb2 0, #15cd2f 15%, #caffb2 40%, #caffb2 70%, #15cd2f 100%);

   border: 1px solid #ccc;
   display: block;
   width: 26px;
   height: 50px;

   float:left;
   text-align:center;
}

但问题是，我需要行居中而不是站在左边。

我该怎么做呢？

谢谢。

Answer 1

.docIcon {display: inline-block;}

然后将盒子包装在居中且具有 text-align: center 的容器中

Answer 2

达是对的....
在这里看到这个http://jsfiddle.net/jzjVT/3/
如果这就是你想要做的..