如何使文本在DIV不會溢出其寬度

我有以下CSS如何使文本在DIV不會溢出其寬度

.divTab 
{ 
    width: 700px; 
    height: 550px; 
    overflow:scroll; 
    font-size: small; 
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
    word-wrap: break-word; 
}

一個DIV和下面的HTML

<div id="fragment-1"> 
     <div class="divTab"> 
      <pre>'.$my_name.'</pre> 
      <pre>'.$my_servings.'</pre> 
      <pre>'.$my_clients.'<pre> 
      <pre>'.$my_description.'<pre> 
     </div> 
    </div>

所以現在我的問題是，文本由$my_description帶來的溢出寬度，並在底部添加一個滾動，我不希望它溢出其寬度，而是如果它達到divs寬度闖入下一行。我怎樣才能做到這一點？

謝謝

來源

2011-11-17 user710502

添加這個CSS：

pre { 
    overflow-x: auto; /* Use horizontal scroller if needed */ 
    white-space: pre-wrap; /* css-3 */ 
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ 
    word-wrap: break-word; /* Internet Explorer 5.5+ */ 
    white-space : normal; 
}

這裏的工作它的一個例子：http://jsfiddle.net/cSa2C/

來源

2011-11-17 08:30:42 deviousdodo

這工作真的很好謝謝 – user710502

很高興它的工作。 – deviousdodo

從您的代碼刪除overflow:scroll;。

來源

2011-11-17 08:28:41

但我希望它垂直溢出，如果高度超過divs大小，我的問題是寬度..-實際上，如果我這樣做，文本剛剛離開整個div，並且都搞砸了 – user710502

啊試試把它替換掉與溢出x：自動;而 –

我看到，已經建議。:) –

一個<pre>代碼背後的想法是，它是「預格式化文本」，在一個固定的寬度顯示，只有保存您手動放入的佈局。它因此希望你做自己的佈局（比如，添加<br />的，你可以，如上回答，改變<pre>的功能，或考慮不使用它們，而是使用，例如，一個普通<div>。

來源

2011-11-17 08:34:16 Olaf

如何使文本在DIV不會溢出其寬度

回答

相關問題