在文本框內保留文本

如何將文本保留在文本框內？沒有文本在框右側溢出。我試圖找出兩個小時似乎無法得到它。在文本框內保留文本

<html> 
<head> 

<style type="text/css"> 
.box { 
    width:250px; 
    padding-top:5px; 
    border-style:solid; 
    border-color:#336699; 
    border-width:1px; 
    padding-left:3px; 
    padding-bottom:10px; 
} 
</style> 

</head> 

<body> 

     <p class="box"> 
     <span> 
      <a href="http://localhost/Latest Artical 1.htm"><b>Latest Artical 1</b></a><br />Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...<br /><br /> 
      <a href="http://localhost/Latest Artical 2.htm"><b>Latest Artical 2</b></a><br />Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...<br /><br /> 
      <a href="http://localhost/Latest Artical 5.htm"><b>Latest Artical 5</b></a><br />Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...<br /><br /> 
     </span> 
     </p> 

</body> 
</html>

來源

2012-02-20 Blnukem

可能重複的[有沒有一種方法來在文本中的文字換行？]（http://stackoverflow.com/questions/1638223/is-there-a-way-to-word-wrap -text-in-a-div） – mrtsherman 2012-02-20 03:02:21

你明白了吧，當你在文本

http://jsfiddle.net/6sqPG/

來源

2012-02-20 03:04:41 Greg

謝謝格雷格我看到我現在做錯了，現在它認爲這是一個長詞。 – Blnukem 2012-02-20 03:13:53

你應該添加'word-wrap：break-word;'就像@ChamikaSandamal [said]（http://stackoverflow.com/a/9355705/585552）雖然 – Greg 2012-02-20 03:31:36

也會檢查[$（）。dotdotdot]（http：/ /dotdotdot.frebsite.nl/）如果你使用的是jQuery – Greg 2012-02-20 03:33:28

使用此代碼，word-wrap: break-word;

.box { 
    width:250px; 
    padding-top:5px; 
    border-style:solid; 
    border-color:#336699; 
    border-width:1px; 
    padding-left:3px; 
    padding-bottom:10px; 
    word-wrap: break-word; 
}

http://jsfiddle.net/D2u2K/

來源

2012-02-20 03:03:59

有空格，將工作您可以添加overflow-x道具你的文字仍然是，在的框內，但是如果內容超過了框的寬度，它將會有一個滾動條。就像你問的問題中的代碼格式。

overflow-x: scroll;

來源

2012-02-20 03:15:31 Jasonw

在文本框內保留文本

回答

相關問題