Question

我在asp.net的Repeater控件中有一个 DIV 标记。当它们的文本较少时，它就会显示出来。但是，当DIV中的文本增加时，它必须在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，Text in Address与下一行重叠。帮助感谢！

Answer 1

尝试使用“min-height”：

.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>

如何避免重叠<div>标签和文本中的文本如果<div>中的文字更多，则自动设置<div>标签的高度？</div> </div> </div>

2 个答案: