div 模仿table的左右布局

<div style="font-size: 14px;  ">  
                                                <% for (int i = 0; i < Propertys.Count; i++)
                                                   {
                                                       try
                                                       {
                                                           int j = Convert.ToInt32(Propertys[i][0]);
                                                %> 
                                                    <div class="pramcolumn">
                                                        <div class="title"><%= GetFuHaoIMGHTML(j)%></div>
                                                        <div class="pramcontent">
                                                        <%=Propertys[i][1]%>
                                                        </div> 
                                                    </div>
                                                
                                                <%      } catch (Exception ex) { } 
                                                   }%> 

                                                   

                                        </div>
                                        <div style="clear:both;"></div>
                                         如果没有上面的这个div clear both  这些字的排版将会乱掉

css样式 

 .pramcolumn
 { 
    float:left;  /* 流式布局从左到右 也必须要这个属性才能从左到右显示*/
    border: 1px dashed #5ec7ff;   
    margin-bottom:10px;
    text-align:center;
   /* width:20%; 指定了宽度的话,里面的内容就不会自动撑大,但是会超出div来显示,如果内容不是很重要,布局更重要,那么就设定宽度,并设置下面的overflow为hidden */
   /*overflow:hidden;*/ 
 }

 .pramcolumn .title
 {   
     height:50px;  
     background-color:#ccc; 
     border: 1px dashed #5ec7ff;
 }
 
  .pramcolumn .pramcontent
 {
     padding:5px;
 }