HTML/CSS中是否存在任何等效的XAML Grid元素？

我對WPF，XAML等有很深的體會。但是，我需要在HTML/CSS/JS中創建一些東西。HTML/CSS中是否存在任何等效的XAML Grid元素？

在WPF中，而且在Silverlight中，還有一個非常靈活的元素，它是「網格」。它本質上是一個託管任何類型的可視對象的列表，將根據行/列集合定義進行排列。

這是對非XAML一個（簡單恕我直言）例如嗜：

http://wpftutorial.net/GridLayout.html

我相信這是用於管理視覺的佈局中最重要的控制。

現在，我想知道網絡世界是否有任何等效的「組件」，可能簡單而乾淨：對於這樣一個簡單的問題，不是代碼噸。換句話說，我不想依賴ASP.Net，ExtJS等框架。只需一個指南，使用最小的HTML/CSS/JS部分。

這很好，依靠最新的瀏覽器。

非常感謝提前。

來源

2013-05-09 Mario Vernari

那麼像引導或基礎的CSS網格系統呢？看看http://twitter.github.io/bootstrap/scaffolding.html或http://foundation.zurb.com/grid.php – michele 2013-05-09 12:14:26

謝謝米歇爾。我已經看到了Zurb方式，但它很像是一個相當普遍的問題的補丁。但是，這是「常見」的恕我直言，但也許對大多數人來說並非如此！此外，你不能跨越行。 – 2013-05-09 12:23:48

嗯，我自己找到了一個，雖然它還在開發中：目前看來只有IE10實現它。

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

我真的希望這個功能不會在短時間內被丟棄。

來源

2013-05-09 12:25:42

Urgh，更多微軟獨家CSS，真的不應該使用那些...... – 2013-05-09 13:15:11

好吧，AFAIK它不是MS獨佔的，而是一個W3C推薦。我在Chrome瀏覽器上看到過，似乎他們已經開始實施，但是......它會成功？ – 2013-05-09 15:54:27

那麼，以'-ms'開頭的符號似乎意味着否則。關於此事的更好的網頁可能是[w3.org上的網頁]（http://dev.w3.org/csswg/css-grid/）（哇，剛注意到日期：2013年5月8日）。同樣我也希望像這樣的東西得到普遍的支持，如果你想在應用類型的網站上有動態行，那麼缺乏體面的網格佈局是令人生氣的。 – 2013-05-09 16:02:54

HTML/CSS中是否存在任何等效的XAML Grid元素？

回答

相關問題