如何在HTML / CSS（无JS）中创建此网格 [英] How do I create this grid in HTML/CSS (no JS)

问题描述

我必须实现这个div的网格。它不会经常更改，但它可能在某个点（意味着一个框可能会删除，另一个调整大小）。每个黑盒子最终会包含一个图像或一个单词，但这不重要。

I have to implement this grid of divs. It won't change often, but it may at some point (meaning a box may be removed, and another resized). Each black box will eventually contain an image or a word, but that's not important.

如何解决这个问题？是否有一个更优雅的方式比绝对定位每一个框，并手动输入每个X / Y /宽度/高度？

How do I pull this off? Is there a more elegant way than by absolutely positioning every single box and manually entering every X/Y/width/height?

推荐答案

基于网格的方法将是我的建议。
类似的东西： http://960.gs/

A grid based approach would be my recommendation. Something like: http://960.gs/

EDIT（其他选项）

EDIT (some more options)

http://developer.yahoo.com/yui/grids/

http://cssgrid.net/

这篇关于如何在HTML / CSS（无JS）中创建此网格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！