html - 长话短说——如何防范？

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