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

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

获取文章,显示时自动换行的相关文章

wordpress对显示某分类目录的文章列表页时对单个文章显示字数限制和省略

wordpress会在对应的此类列表页面模板中,遍历输出每篇文章的信息,缩略图,作者,正文,标题等, 输出具体的正文的部分 使用这样一句 <?php the_content(''); ?> 默认通过在页面调用这个函数将完整输出wordpress的正文 但是如果我们需要在一个显示某分类的全部文章的页面中,不输出全部的单个文章的正文呢,这种需求很常见,我们让它在其下显示一个按钮,链到单独文章的详情页去 首先可以使用 <!--more--> 标签,在编辑 单独的每个文章时, 编辑器上的功

Easyui datagrid 设置内容超过单元格宽度时自动换行显示

datagrid 设置内容超过单元格宽度时自动换行显示 by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 问题描述 单元格内容超过单元格宽度不会自动化换行.如下: 图1: 图2: 解决方法 定义表格时,设置nowrap属性为false. <table id='tt' class="easyui-datagrid" title="Basic DataGrid" style="width:700px;height:

也谈WordPress获取文章中首张图片

从第一次接触WordPress开始,在前台首页需要调用文章中的图片以实现在首页显示图片文章,就看到网络上流传甚广的一个函数: 1 function catch_that_image() { 2 global $post, $posts; 3 $first_img = ''; 4 ob_start(); 5 ob_end_clean(); 6 $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i'

Android 获取并显示远程图片 Picasso框架的使用(一)

转载请注明出处:明桑Android 在Android开发中,常需要从远程获取图片并显示在客户端,当然我们可以使用原生HttpUrlConnection和AsyncTask等操作来完成,但并不推荐,因为这样不仅需要我们编写大量的代码,还需要处理缓存和下载管理等,最好自己封装成库或者采用第三方库: Picasso:A Powerful Image Downloading and Caching Library for Android 根据名字就知道它是跟什么相关了(Picasso:毕加索)它的基本操

再谈WordPress获取文章图片——制作文章图片集

有一次接到一个项目,客户要求:如果一篇文章中存在多幅图片,要能把这些图片在当前文章页面制作成一个图片集. 仔细分析这个要求,前端设计无悬念,无非就是如何获取当前文章中所有图片的 src 值的问题. 联想到几乎每个网站都必备的获取文章首张图片的那个函数: function catch_that_image()   (前文已有相关描述:也谈WordPress获取文章中首张图片),在这个函数中,仅仅使用了首张图片,而那里获得的 $matches 是一个二维数组啊. 先将该变量dump出来看一下,插入:

Android 获取并显示远程图片 Picasso框架的使用(二)

转载请注明出处:明桑Android 在上篇文章中介绍了Picasso的基本用法,这篇文章作为以上的练习: 本文代码github地址:UsePicasso 实现效果:(动图请耐心加载) 需要的知识点 了解Picasso框架的使用:Android 获取并显示远程图片 Picasso框架的使用(一) 知道如何自定义GridView 我们需要编写两个布局文件:activity_gridview.xml activity_main.xml 以及ImageAdapter类.GridImageActivity

解决SQL Server 2005数据库中datetime时间字段在前端显示时分秒的问题

SQL Server 2005中时间类型datetime的格式是"年月日时分秒",直接读出来该字段,为了不让它在前端显示"时分秒"若是显示在dataGridView中,可以修改控件的某一列格式,如: dataGridView1.Columns[10].DefaultCellStyle.Format = "yyyy-MM-dd"; 但是要在listview控件中的话,就有点困难了,貌似没有类似的属性,这样的话,考虑从数据源入手. 1.获取当前年月日

JSP使用EL获取并显示用户注册信息。

使用EL获取并显示用户注册信息. <%@ page language="java" contentType="text/html; charset=GB18030" pageEncoding="GB18030"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB18030

div中文字超出时自动换行

    在开发中很容易遇到div中文字超出的问题,在此总结以下方法: white-space 属性设置如何处理元素内的空白.这个属性声明建立布局过程中如何处理元素中的空白符.所有浏览器都支持 white-space 属性. 注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit". 值 描述 normal 默认.空白会被浏览器忽略. pre 空白会被浏览器保留.其行为方式类似 HTML 中的 <pre> 标签. nowrap