HTML – 长话流出开箱即用 – 如何预防?

前端之家收集整理的这篇文章主要介绍了HTML – 长话流出开箱即用 – 如何预防?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个样式div,我需要添加一个长文本.我有一个最大宽度(100px),我需要“让文字下降”.现在我无法找到解决问题的方法:如果是长文本,它就开箱即用.我没有高度问题所以它应该采取任何尺寸.

这是我的代码

<style>  
    .infoBox { 
        -moz-background-clip: padding;     
        -webkit-background-clip: padding;  
        background-clip: padding-Box;      
        border: 6px solid rgba(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>

解决方法

自动换行:break-word;应该有所帮助

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

猜你在找的HTML相关文章