当前位置:首页 > 开发 > Web前端 > 前端 > 正文

DIV 多行显示文字 超出字符数 用省略号代替

发表于: 2014-11-27   作者:BreakingBad   来源:转载   浏览次数:
摘要: <script>function csubstr(str,len){ if(str.length>10){ return str.substring(0,len)+"..."; }else{ return str; }}</script>   <div ><script>document.write(csubs

<script>
function csubstr(str,len){
if(str.length>10){
return str.substring(0,len)+"...";
}else{
return str;
}
}
</script>

 

<div ><script>document.write(csubstr("aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa",10));</script></div>

 

 

注:不是超出DIV宽度 而是设定字符数 超出字符数省略号代替

用css方法:

(<style type="text/css">.text {width:60px; height:22px;line-height:22px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; word-wrap: break-word;}</style>)

 

DIV 多行显示文字 超出字符数 用省略号代替

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
1.我是用struts2标签做的:如下: <%@ page language="java" import="java.util.*" pageEncoding
ul li{ width: 180px; text-overflow: ellipsis; white-space: nowrap;/*禁止自动换行*/ overflow:
概述: -webkit-line-clamp 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CS
首先将自己需要用到的图标作成字体文件,我用的软件是High-Logic FontCreator,怎么用,自己google
css控制文字显示长度 超过用省略号替代 这样节省了服务器的开销,减轻服务器压力;这部分工作由客户
在上一文 给出了 textview多行设置ellipsize="end"并不显示省略号的解决方法(当然如果不是中文 andr
javascript超过容器后显示省略号效果 在实际的项目中,由于文字内容的长度不确定性和页面布局的固定
比如说绑定gridview某个字段过长,用。。。显示,然后鼠标放上去显示全部内容。 HTML代码:这时grid
table{   table-layout: fixed; } td{   white-space: nowrap;   overflow: hidden;   text
Html代码 table{   table-layout:fixed; } <li style="font-size: 1em; margin: 0px 0px 0px 3
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号