CSS無法讓我的文本包裝

當然，我錯過了這裏簡單的東西！我已嘗試修復其他主題，但我嘗試的所有內容似乎都會使問題變得更糟。任何你可以提供的幫助將是美好的！CSS無法讓我的文本包裝

基礎知識：我試圖製作一個網頁，有一個固定的headder。在那一個固定的菜單下。然後區域內容/文字/圖片。並在右側的一個側欄，我可以把按鈕/呼籲行動。

即時通訊90％，但我不能讓我的文字換行。我嘗試了各種各樣的東西。要麼我的文字翻過頂部或側欄。也許我想這完全是錯誤的方式。

*編輯im解釋我的自我有點不對。我希望側邊欄能讓文字環繞。

使用

代碼IM ...

.cent { 
    width: 984px ; 
    margin-left: auto ; 
    margin-right: auto ; 
} 


.main { 
clear: both; 
    display: block; 
    width: 964px; 
    padding: 0px; 
    margin:189px 0px 0px 10px; 
    font-family:Arial, Helvetica, sans-serif; 
    background:#FF0; 
} 

.ctar{ 
    float:right; 
    display:inline; 
    padding: 0px; 
    margin:0px -10px 0px 10px; 
    background: #F0F ; 
    width: 200px; 
    right:0px; 
    bottom:0px; 
    top:0px; 

}

i have created a JSFiddle here incase some other code was affecting it

提前感謝！

來源

2013-10-11 Penfold0101

你真的有文字長時間沒有空間？它通常會將文本包裝在空白處。 – Danny

我根本不需要。看起來我正在導致一個問題，就是不能正確地考慮問題。謝謝你指出。我編輯了我的JSFiddle。 – Penfold0101

你可能想給非側邊欄的寬度了。勾選此的jsfiddle我只是爲你做：http://jsfiddle.net/mY584/3/

CSS補充說：

#bodycontent{ 
float:left; 
padding: 0px; 
margin:0px -10px 0px 0px; 
background: #F0F; 
width: 740px; 
right:0px; 
bottom:0px; 
top:0px; 
word-wrap:break-word;}

來源

2013-10-11 12:38:35 H2ONOCK

這看起來可以完成這項工作。不是我想的那樣。我不介意我皮膚的貓！生病現在就去測試一下。 – Penfold0101

完美滿足我的需求。非常感謝你！ – Penfold0101

不用擔心，小心:) – H2ONOCK

像這只是addword-wrap:break-word;在選擇p

demo

CSS

p{ 
    word-wrap:break-word; 
}

來源

2013-10-11 12:31:07 falguni

CSS無法讓我的文本包裝

回答

相關問題