重疊文本

我想知道如何在瀏覽器中縮小文本時正確包裝文本？我的意思是，在正常縮放時頁面看起來很好，但當按Ctrl +「+」縮小頁面時，頁面會重疊在右側的圖像上。我已經試過了這個空白區域：nowrap，但它並沒有給我想要的結果。你能幫助我嗎？一直試圖解決這個問題已經有一段時間了，現在也可以幫助你們更好地理解我附加了一張圖片。重疊文本

HTML： -

<p class="aboutus-description"> 
Integer tristique consequat nulla, sed convallis urna dictum sit amet. Ut at ligula dolor, id cursus sem. Nullam sed dolor eu. 
Ut ante nunc, posuere ac varius sit amet, bibendum non est. Morbi in arcu in felis pharetra sodales vitae non. 
Sed dictum cursus leo, sit amet semper est commodo in. Etiam. 

Nunc elit sem, bibendum ac laoreet quis, accumsan sed neque. Integer lacus nisi, lobortis faucibus ornare non, cursus non augue. Suspendisse. 
Vivamus hendrerit laoreet mauris ut molestie. Nullam auctor nulla ac ligula viverra nec adipiscing tellus eleifend. Duis ligula enim, semper eget 
Vestibulum erat diam, cursus ut semper sit amet, feugiat a erat. Praesent vestibulum, quam ac. 
Maecenas non risus dictum neque sodales commodo sed quis massa. Morbi mollis, odio.

CSS： -

<style> 
#content p.aboutus-description 
    { 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:10pt; 
    color:#656565; 
    position:absolute; 
    left:80px; 
    top:20px; 
    width:747px; 
    overflow-style:auto; 
    white-space:nowrap; 
    word-wrap:break-word; 
    }

圖片： -

enter image description here

來源

2012-11-17 Mr.Flocker

此信息是不夠的，請提供更 –

請發表您的完整的HTML（包括圖像） –

你爲什麼要創建一個頁面看起來完美的，如果用戶在輸入/輸出這樣的縮放？這並不是真正的標準行爲......當你這樣做的時候，很多頁面可能會崩潰。 –

您可以通過float:left;的內容和float:right:做到這一點的圖像並刪除位置：絕對從#content p.aboutus-description

來源

2012-11-17 16:29:22

謝謝，但沒有幫助:(正如我所說，當縮小時我可以查看它正常，但每當我縮小它，它開始重疊。 –

回答

相關問題