c# - 如何使用 c#/jquery/javascript/silverlight 生成两个或多个不同设计图 block 的可能排列？

Question

我正在尝试弄清楚设置一个由多个“图 block ”(可变背景图像及其上的文本)组成的界面的最佳方法是什么，它充当界面的中心。

我想以一种看起来像设计的方式生成两个或多个不同图 block 的可能排列。

具有不同背景的两个或多个图 block (div block )。如何在行和列中生成它。
如何使用 C# 或 jquery..
这是两个不同方 block (框)的屏幕截图


如果可能在 Silverlight 版本中也可以作为答案接受

Answer 1

在 jQuery 或 C# 中，您只需要一个 for 循环来创建 HTML 元素并向每个第二个元素添加一个类。这最适用于

内的 float 固定宽度
• 元素

  例如，在 C# 中

  string html = "";
  bool red = false;
  for(int i = 0; i < 25; i++){
      red = !red;
      if(red==true)
          html += "<li class='red'></li>";
      else
          html += "<li></li>";
  }
  html = "<ul class='blocks'>" + html + "</ul>";
  

  CSS 应该是这样的

  .blocks li { width: 100px; height: 100px; float: left; background: blue; }
  .blocks li.red { background: red; }