Wrap text within a asp:Button
I was using a LinkButton and it had like lot of text in it which made it quite long. This was fine as the LinkButton wrapped the text onto the next line when it ran out of room.
I then changed this to a standard asp:Button and the problem is the text doe开发者_运维技巧sn't wrap the button just becomes as long as the text. This is a problem because it forces the container it is within to be longer than I intended.
Is there a way to make the text of the button wrap?
You can do that by setting a width and the CSS property white-space: normal
:
This goes in your <head>
<style type="text/css">
.wrap { white-space: normal; width: 100px; }
</style>
And your button:
<asp:Button ID="btn" runat="server" Text="some really breally long text that I want to wrap" CssClass="wrap" />
<asp:Button ID="btn" runat="server" Text="some really breally long 
 text that I want to wrap" />
This question was helpful and wanted to point out if we want to break the text in a specific spot we could also by adding the within the text value.
I also marked wsanville answer as useful.
You should be able to set a width on the asp:button (width=100) and that should force the text to wrap.
There are some alternate solutions in this post that may be helpful:
ASP:Button Text Word Wrap
精彩评论