文字不符合容器宽度

这看起来像是一个简单的问题，但我无法理解它。正如你可以看到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

文字不符合容器宽度

回答

相关问题