获取文章，显示时自动换行

标签：

HTML:<div class="na-i">
    <span> </span>
</div>
样式：.na-i{
    overflow-y: scroll;
    overflow-x: auto;
    height: auto;
    position: relative;
    margin: 0 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #DEDEDE;
}
.na-i span {
   width: 90%;
    word-wrap:break-word;
}
JQuery：$(function(){
    $.get(
            ‘http://name/get?login=‘+login+‘&access_token=‘+tok+‘‘,function(data){
                if(data.status == 200){
                   // alert(‘成功！‘);

if(data.data.desc == ‘‘){ //判断内容是否为空
    $(‘.top2‘).hide();
    $(‘#rzheng2‘).hide();
}

$(‘.na-i span‘).text(data.data.desc);

             }
          }
      )
})
总结：word-wrap 属性允许长单词或 URL 地址换行到下一行。
默认值： normal
normal：只在允许的断字点换行（浏览器保持默认处理）。
break-word：在长单词或 URL 地址内部进行换行。

overflow-x属性：所有主流浏览器都支持 overflow-x 属性
overflow-x 属性规定是否对内容的左/右边缘进行裁剪 - 如果溢出元素内容区域的话
值

获取文章，显示时自动换行

标签：

原文地址：http://www.cnblogs.com/mo-cha/p/5728719.html