如何將邊框設置爲用於文本格式的div元素？

我正在評論部分頁面，它允許用戶發表評論。我需要幫助在我的佈局中顯示評論到中繼器控制。我曾經把項目的div元素和repeater的alternitem模板中的註釋。結果，如果用戶輸入太多單詞或段落，評論將直接沿着div元素的行。我想要的是限制文本將停止並繼續到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>

來源

2013-03-24 timmack

你可以一個固定的寬度簡單地設置到DIV，或使用自動換行（CSS）OR optionaly你可以去使用C＃的方法來算的空間，並在X個單詞之後添加
標籤。如果你想要一個例子，只需在這裏問 – 2013-03-24 19:09:44

那麼我怎樣才能簡單地在Div中設置它的固定寬度。我試圖設定其寬度，但輸入的文字仍然會繼續直行，而不是跳到下一行。 – timmack 2013-03-24 19:20:18

如何在css中使用word-wrap？你能舉一些這樣的例子嗎？謝謝 – timmack 2013-03-24 19:21:29

你可以做這樣的設置DIV邊界

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

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

來源

2013-03-24 19:45:42

這個詞仍然沒有突破它的新行。它仍然繼續直行直到最後一個字。我只是想把它包裝在我的div元素中。 – timmack 2013-03-24 19:53:57

http://stackoverflow.com/questions/502500/css-word-wrapping-in-div看到它 – 2013-03-24 19:56:19

，因爲我正在處理評論部分頁面，所以我需要包裝用戶輸入的文字就像任何其他評論頁像這個論壇。 – timmack 2013-03-24 19:57:51

參考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 */ 
}

來源

2017-07-05 18:19:32 Ghaamae

如何將邊框設置爲用於文本格式的div元素？

回答

相關問題