asp:TextBox with TextMode =" MultiLine"涡卷="真"不会包裹

时间:2016-03-07 04:53:49

标签: html css asp.net textbox wrapping

更新:以下问题仍然有效,但我在Chrome中测试了我的网页,它按预期工作。当我在IE中点击页面时,它不会换行。我现在开始研究这种差异。如果您知道IE修复此问题,请告诉我。感谢

我有一个不会换行的asp:TextBox。我遇到过多篇文章,说我必须有TextMode="MultiLine" Wrap="True",而且我这样做,但我的文字仍在文本框中。

我不认为我需要发布整页,但如果我这样做,请告诉我。这是我的asp:TextBox,以及作用于<TD>的CSS类。如果你知道为什么我的文字没有包装,请告诉我?!

            <td class="auto-style130" >
                <asp:TextBox ID="lbl_pain1_drug" Width="400px" runat="server" Rows="4"
                    TextMode="MultiLine" Wrap="True" ReadOnly="true" BorderStyle="None"
                    BorderWidth="0" Font-Names="Tahoma" Height="55px" 
                    style="overflow:hidden" >
                </asp:TextBox>
            </td>

以下是class="auto-style130"

.auto-style130 {
            /*sig section of script*/
            border: .1px solid #808080;
            word-wrap: break-word;
            word-break: break-all;
            height: 50px;
            width: 402px;
            vertical-align: middle;
        }

2 个答案:

答案 0 :(得分:2)

Here是我找到解决方案的文章,它基本上说最新的IE浏览器处理文本框包装与以前略有不同。解决方案是添加white-space: pre-wrap;我的CSS。这是新块的样子:

.auto-style130 {
    /*drug section of script*/
    border: .1px solid #808080;
    white-space: pre-wrap;
    height: 35px;
    width: 402px;
    vertical-align: middle;
}

这使得一切都包裹好了!

答案 1 :(得分:0)

<asp:TextBox ID="txtMonthsDays" runat="server" class="form-control input-sm m-bot15"
                                                                                            Font-Bold="true" Text='<%#Bind("MonthsDays") %>' Wrap="True" Width="50px" Rows="2"
                                                                                            TextMode="MultiLine" ForeColor="#800000"></asp:TextBox>