2016-03-07 108 views
2

更新:下面的問題仍然有效,但我在Chrome中測試了我的頁面,並且它按預期工作。當我在IE中打開頁面時,它不會換行。現在我將開始研究這種差異。讓我知道如果你知道這個IE修復。謝謝asp:TextBox with TextMode =「MultiLine」Wrap =「True」不會換行

我有一個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; 
     } 
+0

文本框自動換行內容。但是如果你想在標籤中顯示它,它不會。此外,如果您編寫的任何內容沒有像「aaaaaaaaaaaaaaaaaaaaaaaa ....」那樣的空間,則它不會包裝內容,因爲它不會在內部找到空間。所以請確認您在文本框中編寫的內容。 –

+0

@glitzsfa你試過了嗎?單詞:break-all; word-wrap:break-word;' – Webruster

+0

Piyush這是一個TextBox,而不是一個標籤,@Webruster我試過了你的建議,但它沒有奏效。我上面編輯了我的問題以反映更新後的代碼。 – glitzsfa

回答

1

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; 
} 

這使得一切都包裝!