如何将div样式设置为表(例如，按每个SharePoint附加)？

Question

我怎样才能将一组相关的div样式设计成与附在一起的图像类似的表？谢谢！

 <div class="collection"
    <div class="group">
      <div class="label">Label1</div>
      <div class="value">Value1</div>
    </div>
    ... repeats n times
</div>

​

​

免责声明：这个特定的html输出是自动生成的，我无法控制生成的内容。我只是有迪夫的工作，我想要相应的风格。

Answer 1

对不起，伙计们，但是，什么花车？

当你们都试图禁止你们认为OP需要什么的时候，问题的答案实际上是

.collection {display:table}
.group {display:table-row}
.label, .value {display:table-cell}

Answer 2

我相信

.label {
  width: 200px;
  float: left;
}

(除了其他造型)将为你做这件事。

Answer 3

html

<div class="collection">
    <div>
      <div class="label">Label1</div>
      <div class="value">Value1</div>
    </div>
    <div>
      <div class="label">Label1</div>
      <div class="value">Value1</div>
    </div>
</div>

css

.label { float:left; width:200px; border-top:1px solid #ccc; }
.value { margin-left:200px; background:#fffced; border-top:1px solid #ccc; }

代码：http://jsfiddle.net/wWGG8/1/