asp.net - 如何避免文本重叠标记 & 设置高度如果 Text in 则自动标记更多？

Question

我在asp.net 的Repeater 控件中有一个DIV标签。当它们的文本较少时，它会显示得很好。但是，当 DIV 中的Text 增加时，它必须在 DIV 中进行 AutoAdjusted。但是，它与Repeater Control 中的下一行DIV 重叠。

如何设置它以便它应该在 DIV 中获得自我调整高度？

在 Style.css 文件中：

.UserControlDiv
{ 
    height: 45px;     
    float: left;  
}

 <div style="width:380px;" class="UserControlDiv">
                <%# Eval("Address")%>
 </div>
 <div style="width:380px;" class="UserControlDiv">
                <%# Eval("UnicodeAddress")%>
 </div>

使用上面的 CSS，地址中的文本与下一行重叠。帮助赞赏！

Answer 1

尝试使用“最小高度”：

.UserControlDiv
{ 
    min-height: 45px;     
    float: left;  
}

Answer 2

如果每 2 个 div 需要单独的行，则可以将模板包装到另一个 div 中。

<style>
.row
{
    clear:both;
    min-height:45px;    
}

.UserControlDiv
{     
    float: left;  
}
</style>

<div class='row'>
    <div style="width:380px;" class="UserControlDiv">
                  <%# Eval("Address")%>

    </div>
    <div style="width:380px;" class="UserControlDiv">
                   <%# Eval("UnicodeAddress")%>
    </div>
</div>