漫长的话语开箱即用 - 如何预防？

Question

我有一个样式div，我需要添加一个长文本。我有一个最大宽度（100px），我需要“让文字下降”。现在我无法找到解决问题的方法：如果是长文本，它就开箱即用。我没有高度问题所以它应该采取任何尺寸。

这是我的代码：

<style>  
    .infobox { 
        -moz-background-clip: padding;     
        -webkit-background-clip: padding;  
        background-clip: padding-box;      
        border: 6px solid rgba(0,0,0,0.3);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px; 

        padding: 30px;
        width: 100px;
        text-align: center;

        top: 100px;
        left: 200px; 
    } 
</style> 

<div class="infobox"> LOOOOOOOOOOOOOOOOOOOOOOOOOOOONG TEXT :)</div>

Answer 1

word-wrap: break-word;应该有帮助。

• Supported in every browser that matters - caniuse.com
• Read about it on CSS3.info
• jsFiddle Demo - 感谢@Nacereddine