长的话流出箱子 - 如何防止？

问题描述

我有一个样式 div ，我需要添加一个长文本。我有一个最大宽度（ 100px ），我需要让文字下来。现在我找不到我的问题的解决方案：在长文本的情况下，它开箱即用。我没有高度问题，所以它应该采取任何大小要求。

I have a styled div where I need to add a long text. I have a maximum width ( 100px ) and I need to "make text go down". Now I can't find a solution for my problem: in case of long text, it goes out of the box. I don't have a height problem so it should take any size required.

这是我的代码：

<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; 应该有帮助。

• - 感谢@Nacereddine

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

这篇关于长的话流出箱子 - 如何防止？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！