单行文本溢出处理补遗

原创 2007年09月29日 09:50:00

      貌似让文本长度随容器宽度变化而发生不同的截取效果也蛮有趣的,这在做弹性布局时很有用。

      当然做这个东东没有什么技术含量在里面,不过觉得有点意思,同时好久没Blog一下了...

      [演示地址:http://www.doyoe.com/model/xhtmlcss/style/tof2.htm

      代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Author" content="飘零雾雨|edzmaster@gmail.com" />
<title>test</title>
<style type="text/css">
html,body {
 margin:0;
 text-align:center;
}
div {
 width:60%;
 white-space:nowrap;
 text-overflow:ellipsis;/*for ie6*/
 overflow: hidden;
 margin:0 auto;
 border:1px solid #aaa;
}
</style>
</head>
<body>
<div>传说中的测试1传说中的测试2传说中的测试3传说中的测试4传说中的测试5传说中的测试6</div>
</body>
</html>

      这个例子截取文字的效果会随着窗体大小的变化而变化,拓展一下应该能做其它之用。

 

单行文本实现溢出显示省略号

单行文本实现溢出显示省略号 单行文本实现溢出显示省略号... ...

纯css控制单行文本文字溢出省略号代替

之前控制单行文本溢出用省略号代替的方法我都是使用js控制,有时候用js控制就显得不是很灵活,因为要计算字符数和容器宽度,比较麻烦。但是我发现CSS3的text-overflow属性后,感觉好像打开了新...

文本溢出:单行文本,多行文本溢出显示省略号

单行文本溢出隐藏出现省略号     text overflow ellipsis        //多行文本溢出隐藏出现省略号         .box {               width:...

UI--单行文本水平触摸滑动效果

最近做应用的时候有用到TextView单行长文本,当文本内容过长时候又想实现触摸水平滑动效果。网上找了很多,都没有看到有效解决方案。   其中,看到最常见的也是最笨拙滴采用重写TextView并继承实...

自定义文字滚动控件,用于单行文本的显示,当文字过长的时候,就会自动的向左滚动

//-------------------------------------------------说明---------------------------------------------...
  • think12
  • think12
  • 2011年01月10日 21:20
  • 1426

iOS开发从入门到精通-- 单行文本UITextField

在ViewController.h里面声明对象和属性,并加上代理UITextFieldDelegate:#import @interface ViewController : UIViewContro...

单行文本过长自动替换为省略号的css写法:text-overflow:ellipsis;

今天写项目的时候碰到了一些比较有意思的问题,单行文本过长导致换行。与我预期的效果不太相同。这是一个长长长长长长长长长长长长的测试文本... 后边应该还有文本但是css自动处理为...百度了一下发现cs...
  • yummry
  • yummry
  • 2017年11月08日 20:27
  • 47

NGUI的多行单行文本输入

直奔主题: 建立一个sprite加一个boxcollider然后再加入下图属性: 然后看UIInput属性里的Label里面是空的需要建一个新Label拖过来:如图: ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:单行文本溢出处理补遗
举报原因:
原因补充:

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