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 地址换行到下一行。默认值: normalnormal:只在允许的断字点换行(浏览器保持默认处理)。break-word:在长单词或 URL 地址内部进行换行。
overflow-x属性:所有主流浏览器都支持 overflow-x 属性overflow-x 属性规定是否对内容的左/右边缘进行裁剪 - 如果溢出元素内容区域的话值
visible | 不裁剪内容,可能会显示在内容框之外。 |
hidden | 裁剪内容 - 不提供滚动机制。 |
scroll | 裁剪内容 - 提供滚动机制。 |
auto | 如果溢出框,则应该提供滚动机制。 |
no-display | 如果内容不适合内容框,则删除整个框。 |
no-content | 如果内容不适合内容框,则隐藏整个内容。 |
时间: 2024-10-29 10:45:42