在按钮文本字段中换行答案

【问题标题】：Wrapping Text in a Button Text Field在按钮文本字段中换行
【发布时间】：2015-09-09 05:50:53
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

用&#13;&#10;替换空格试试下面的代码

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

【讨论】：

【解决方案2】：

评论中的一个链接指向此解决方案：

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

但这在 Opera 中不起作用。

【讨论】：

【解决方案3】：

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

如果需要，您还可以减小按钮的内边距，使文本适合。

更新：

你能做的有点棘手，但对我有用。制作一个像按钮一样样式的 div，在 CSS 中输入“width:100px;height:auto”。并让真正的按钮 display:none 在 CSS 中。

为 div 编写一个点击事件，然后从那里手动点击真正的按钮。

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

希望对你有帮助:)

【讨论】：

【解决方案4】：

c#:(在cs页面后面的代码中)

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

【讨论】：

【解决方案5】：

您需要使用 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;
    }

【讨论】：