Question

我正在撰写评论部分页面，允许用户发表评论。我的布局需要帮助才能将注释显示到转发器控件中。我曾经把注释放在项目的div元素和repeater的repeitem模板中。因此，如果用户键入太多单词或段落，则注释将直接沿div元素中的行。我想要的是设置文本将停止的限制并继续到div元素的下一行。我该怎么做？最好的方法是什么？有什么建议吗？这是我用于插入注释的转发器控件的布局。

<asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1">

<HeaderTemplate>
</HeaderTemplate>  
<ItemTemplate>  
<tr>
<td >
<div style="background-color:#FFFF66" >
<%# Eval("Name") %> Says...
<%# Eval("Comments") %>
</div>
</td>
</tr> 
</ItemTemplate> 
<AlternatingItemTemplate>  
<tr>
<td >
<div style="background-color:#CCFF33" >
<%# Eval("Name")%> Says...
<%# Eval("Comments")%>
</div>
</td>
</tr> 
</AlternatingItemTemplate>  
<SeparatorTemplate >
<br />   
</SeparatorTemplate>  
<FooterTemplate>
</FooterTemplate>
</asp:Repeater>

Answer 1

你可以这样设置div边界

    <div style="border:black 2px">

        <!-- content goes here -->
     </div>

Answer 2

请参阅Is there a way to word-wrap long words in a div?

我在div中的转发器遇到了同样的问题，我在那里找到了答案。

/ *来源：http://snipplr.com/view/10979/css-cross-browser-word-wrap * /

.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

如何设置文本格式的div元素的边框？

2 个答案: