利用CSS控制文本长度

原创 2007年10月04日 23:21:00

在显示网页的时候经常会碰到要限制文本长度的地方,以前多是使用函数进行判断处理,但是存在中文字符英文字符混排的情况,所以通过判断字符数的话,会出现长短不一的情况,现在通过CSS控制的方法, 可以很好的解决这个问题。

.SubContent
{
        width:200px;
        text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap;
        word-break:keep-all;  
}/*超出固定长度则多余部分会显示...*/

这样的话,只要<div class="SubContent "><asp:Label   ID="labName"   runat="server"   / > </div >设置,就可以搞掂了,收货!

用CSS来控制字符长度和显示长度

用CSS来控制字符长度和显示长度        在网页排版设计中,会遇到文本超过固定长度导致整体的网页变形的情况。程序员往往需要截取固定的长度来实现某些固定长度的控制。介绍一种直接采用C...
  • u010403387
  • u010403387
  • 2015年04月24日 14:24
  • 3000

html+css 实现文本固定长度,超出显示省略号

——html代码 div id="d1">div> ——css代码 #d1{ width:300px; overflow:hidden; white-space:nowrap; text-ov...
  • foolman_pc
  • foolman_pc
  • 2016年05月23日 21:40
  • 1260

css限制显示字数,文字长度超出部分用省略号表示

为了保证页面的美观整洁,在文字太多的时候,我们常需要隐藏超出长度的文字。在题目,名称,列表条目等地方常用到。 (1).html中文字超出一行,省略超出部分,显示'...' 如果这种情况比较多,可以取一...
  • OrangeJuiceMe
  • OrangeJuiceMe
  • 2016年03月09日 19:18
  • 25951

<a href>控制长度

一.概述  在写HTML页面的时候经常会用到a标签,注意href属性,a标签要是没有href属性,其hover效果就不会在IE系列的浏览器中出现,如果点击后没有页面跳转,一般需要把href设置为ja...
  • zhangbingtao2011
  • zhangbingtao2011
  • 2017年04月11日 10:44
  • 542

CSS 样式 控制 文本 框 长度

废话不说,我的笔记  共享记录如下: 先看一下下面两条代码: 按理说,文本框的长度和密码框的长度是一样的,但实际显示时却发现长度不一致,在不同版本的IE里效果也各不一样。 ...
  • SongYanJun2011
  • SongYanJun2011
  • 2012年01月06日 11:36
  • 6770

哪个 CSS 属性可控制文本的尺寸?

你说的有三层意思 1:文本的大小:fint-size:14px; 2:文本的行高(可能文本的占用高度太高吧这里可以行高。):line-height: 2.0;后面的2.0可以自己改。 3:...
  • Stand1210
  • Stand1210
  • 2016年10月08日 15:27
  • 1219

用CSS控制文本长度

放文本字段    
  • jenny0107
  • jenny0107
  • 2006年07月26日 14:56
  • 1285

css控制文本长度(二)

上面的CSS控制我试了下不支持中文字符,可以用text-overflow:ellipsis;-o-text-overflow:ellipsis;来进行文本的控制。 这个CSS属性用于使用一个省略标记(...
  • jenny0107
  • jenny0107
  • 2006年07月31日 11:01
  • 2306

在CSS中span设置长度且不换行的方法

在页面中常常碰到 一行中需要显示固定的字数,而且不能换行,如上图所示,那该如何去做呢?对于span的代码该如何去写呢? 最新动态MORE 明确目标 务实求实,陕西交通支援加强师德建设...
  • u012088907
  • u012088907
  • 2014年12月22日 16:41
  • 1183

css 控制文本行数

文本行数
  • kidoo1012
  • kidoo1012
  • 2017年08月03日 14:22
  • 253
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:利用CSS控制文本长度
举报原因:
原因补充:

(最多只允许输入30个字)