生成html自定义网格列表项

Question

http://jsfiddle.net/6jnx7e56/

#UL_1 {
    width: 350px;
    perspective-origin: 175px 0px;
    transform-origin: 175px 0px;
    font: normal normal normal normal 16px/normal Arial;
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
}/*#UL_1*/

到目前为止，我使用浮动，但如果我删除4和6块，我怎么能保持其他人的位置？我想生产Z形。

Answer 1

试试这个：

#LI_8,#LI_12
{
     visibility: hidden;
}

Answer 2

在您不想要显示某些内容的地方将不透明度设置为0？否则可以使用表格;然而，它不会有回应。

#LI_8, #LI_12 {
  opacity: 0;
}

旁注：您的CSS中有大量无用的东西。你可以进一步清理它。以下是为您完成的一些工作：jsfiddle