文字不符合容器寬度

這看起來像是一個簡單的問題，但我無法理解它。正如你可以看到here，文本使用容器的寬度，但是當我改變容器的寬度時，文本很適合，但看起來像是this，並將側邊欄向下推。文字不符合容器寬度

.container { 
     width:1130px; 
     margin:0 auto; 
    } 
    .container.sp_sidebar { 
     overflow:hidden; 
    } 
    #main { 
     width:100%; 
    } 
    .container.sp_sidebar #main { 
     width:770px; 
     margin-right:30px; 
     float:left; 
    } 
    #sidebar { 
     width:300px; 
     float:right; 
    }

我試圖浮動離開容器，並且還去掉保證金0

來源

2016-01-21 hadesg

嘗試把一個空間，在這可怕的詞。

或將word-break: break-all;（docs）添加到您的CSS。

來源

2016-01-21 21:09:18

雖然有所改進，但w3schools仍然是一個蹩腳的參考。 [MDN]（https://developer.mozilla.org/docs/Web/CSS/word-break）更好。 –

你需要一些空格來打破另一行（如在一個普通文本中）。下次嘗試使用一些Lorem Ipsum文字作爲佔位符。

來源

2016-01-21 21:14:04 Leonardo

文字不符合容器寬度

回答

相關問題