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

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

用css创建座位计划

2 个答案: