これはおそらく最もよく聞かれる質問ですが、私にとってうまくいくと思われるものを実際に見つけることができません-私はスタイリング/ cssの初心者です。
ヘッダー (最初の行) として 3 つの列を持つことができる、クロスブラウザー対応のソリューション (IE9 以上) が必要です。
Name_____DOB______Contact
その下に、コンテンツがあります。データの行と、データの行 (div に含まれる) を列見出しに正しく配置する必要があります。
現在、私はこれを持っています：
<div style="width: 100%">
<div style="width: 300px; float:left">Name</div>
<div style="width: 200px; float:left">DOB</div>
<div style="width: 100px; float:left">Contact</div>
</div>
データに関しては、Razor で MVC4 を使用しているため、for ループを使用してデータのコレクションを処理し、それを div に吐き出しています。
[for loop here]
<div id="refitem_@counter">
[data here]
</div>
[end for loop]