2013-05-09 39 views
4

我对WPF,XAML等有很深的体会。但是,我需要在HTML/CSS/JS中创建一些东西。HTML/CSS中是否存在任何等效的XAML Grid元素?

在WPF中,而且在Silverlight中,还有一个非常灵活的元素,它是“网格”。它本质上是一个托管任何类型的可视对象的列表,将根据行/列集合定义进行排列。

这是对非XAML一个(简单恕我直言)例如嗜:

http://wpftutorial.net/GridLayout.html

我相信这是用于管理视觉的布局中最重要的控制。

现在,我想知道网络世界是否有任何等效的“组件”,可能简单而干净:对于这样一个简单的问题,不是代码吨。换句话说,我不想依赖ASP.Net,ExtJS等框架。只需一个指南,使用最小的HTML/CSS/JS部分。

这很好,依靠最新的浏览器。

非常感谢提前。

+1

那么像引导或基础的CSS网格系统呢?看看http://twitter.github.io/bootstrap/scaffolding.html或http://foundation.zurb.com/grid.php – michele 2013-05-09 12:14:26

+1

谢谢米歇尔。我已经看到了Zurb方式,但它很像是一个相当普遍的问题的补丁。但是,这是“常见”的恕我直言,但也许对大多数人来说并非如此! 此外,你不能跨越行。 – 2013-05-09 12:23:48

回答

0

嗯,我自己找到了一个,虽然它还在开发中:目前看来只有IE10实现它。

http://ie.microsoft.com/testdrive/Graphics/hands-on-css3/hands-on_grid.htm

我真的希望这个功能不会在短时间内被丢弃。

+0

Urgh,更多微软独家CSS,真的不应该使用那些...... – 2013-05-09 13:15:11

+1

好吧,AFAIK它不是MS独占的,而是一个W3C推荐。我在Chrome浏览器上看到过,似乎他们已经开始实施,但是......它会成功? – 2013-05-09 15:54:27

+0

那么,以'-ms'开头的符号似乎意味着否则。关于此事的更好的网页可能是[w3.org上的网页](http://dev.w3.org/csswg/css-grid/)(哇,刚注意到日期:2013年5月8日)。同样我也希望像这样的东西得到普遍的支持,如果你想在应用类型的网站上有动态行,那么缺乏体面的网格布局是令人生气的。 – 2013-05-09 16:02:54

相关问题