div標籤中的文本溢出

我在div或span或span標籤中輸入了長字符串，只要我最大化窗口（任何瀏覽器），它就完全匹配div標籤，但是當我最小化或壓縮瀏覽器寬度時，文本從div區域出來。我只是想知道如何在div區域中設置長文本，無論是拉伸還是壓縮。我試過ellipsis,white-space:nowrap ..我發現沒有結果。有沒有其他解決方案？div標籤中的文本溢出

屏幕前：當我壓縮瀏覽器寬度。 enter image description here

來源

2012-07-27 Rizvan

請告訴我們你有什麼目前，這樣我們就可以完全理解你的意思。 http://jsfiddle.net可能會得心應手。 – joshnh 2012-07-27 04:48:19

等一下會給它屏幕 – Rizvan 2012-07-27 04:49:17

代碼會比截圖 – 2012-07-27 05:01:41

我希望你想是這樣的：

SEE DEMO

CSS：

div { 
    // Div Styles Without Fixed Width and Height 
    background: #ccc; 
    padding: 20px; 
    border: 1px solid #666; 
}

如果您正在使用<div>固定的高度，那麼你必須定義CSS屬性overflow:auto（滾動條在內容變化時出現）或overflow:hidden;（隱藏文字變化）

SEE EXAMPLE (overflow:auto)

SEE EXAMPLE (overflow:hidden)

來源

2012-07-27 04:55:44

更好我不想隱藏也不想我伸展我的div – Rizvan 2012-07-27 05:08:16

div標籤中的文本溢出

回答

相關問題