html - 冗长的字句开箱即用-如何预防？

我有一个样式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>

最佳答案

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

Supported in every browser that matters - caniuse.com

Read about it on CSS3.info

jsFiddle Demo-感谢@Nacereddine

关于html - 冗长的字句开箱即用-如何预防？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8261738/