2012-12-28 29 views
-2

我一直在尝试在asp按钮控件的文本字段中包装文本。在按钮文本字段中包装文本

假设我有一个长文件名保存在文本框的文本字段中。现在,如果我不设置按钮的width,它可以增长到200px。但我希望width100 px,并且要将文本包装在文本字段中,或者我可以将文本设置为多行。

+0

我尝试张贴照片为例这种疑问句,但因为我是一个新用户,并没有足够的信誉点来发布它。 – Rahul2788

+0

[参考1](http://forums.asp.net/t/845028.aspx/1) [参考2](http://www.developerfusion.com/thread/26817/asp-button-text-to -wrap-to-second-line /) – andy

+0

你应该使用css check的'word-wrap'或['white-space:pre-wrap'](http://jsbin.com/oyuyag/2/edit)属性这[链接](http://jsbin.com/oyuyag/1/) –

回答

0

将按钮的宽度设置为100px,并增加按钮的高度。

如果需要,还可以减少按钮的填充以使文本适合。

更新:

你可以做的,然后是有点棘手,但对我的作品。 制作一个像样式的按钮,在CSS中放入“width:100px; height:auto”。并使真正的按钮显示:CSS中没有。

为div编写单击事件,然后从该处手动单击真实按钮。

$("#divButton").click(function() { 
    $("#btnReal").click(); 
}); 

希望它能帮助:)

+0

如果我这样做,它会修复按钮属性,如果我再次获得比前一个更长的文本,文本将被截断。 – Rahul2788

+0

@ Rahul2788:相应地更新了我的答案。请检查。 – Avishek

-1

您需要使用CSS来实现这一目标。

<asp:Button ID="btn" runat="server" Text="This is some really long text that I want inside the button" CssClass="wrap" /> 

而且现在的CSS从评论

<style type="text/css"> 
    .wrap 
    { 
    white-space:normal; 
    } 
+0

在Chrome中不起作用。 – VMAtm

+0

@VMAtm它确实适合我。你是否说过“空白:正常;”在Chrome中不起作用? –

+0

我将你的代码复制到测试页面,在Chrome中打开它,但它不适用于我。版本23.0.1271.97米。 – VMAtm

0

一个链接指向该解决方案:

<asp:Button ID="btnSubmitBatch" runat="server" Text="Submit&#10Batch" Font-Bold="true" /> 

但是,这并不在Opera工作。

1

CS页面上&#13;&#10;尝试下面的代码替换空间

<asp:Button ID="Button1" runat="server" Text="Button&#13;&#10;Button&#13;&#10;Button&#13;&#10;Button" Width="100px" Height="200px" /> 
0

C#:(后面的代码中)

System.Text.StringBuilder sb = new System.Text.StringBuilder(); 
sb.AppendLine("Text1"); 
sb.AppendLine("Text2"); 
BtnID.Text = sb.ToString(); 
+0

在为什么您建议使用此代码的理由背后添加一些说明。这会阻止复制和粘贴而不理解。 – rayryeng

+0

@rayryeng:可以通过编程创建一串文本,然后在按钮上显示相同的内容。在.aspx页面上的按钮上没有自动换行文本。谢谢 – user3666491

相关问题