小程序填坑之路(一):text空格符号以及省略号
2017-11-13 18:25
253 查看
1、text的空格符
首先需要设置<text>控件的decode值
decode可以解析的有
< > & '
值 | 说明 |
---|---|
ensp | 中文字符空格一半大小 |
emsp | 中文字符空格大小 |
nbsp | 根据字体设置的空格大小 |
<text decode="emsp">提 交</text>
2、text单行显示,超出部分省略号表示
单行显示,超出部分显示省略号.single { /* 超出的文本内容隐藏 */ overflow: hidden; /* 超出显示省略号 */ text-overflow: ellipsis; /* 强制不换行 */ white-space: nowrap; } <text class="single">活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍</text>
效果图:
多行显示,设置显示指定行数,超出部分显示省略号
.mutli { /* 对象作为伸缩盒子模型显示 */ display: -webkit-box; /* 允许任意非CJK(Chinese/Japanese/Korean)文本间的单词断行 */ word-break: break-all; /* 设置或检索伸缩盒对象的子元素的排列方式 */ -webkit-box-orient: vertical; /* 可显示的最多行数 */ -webkit-line-clamp: 2; /* 超出的文本内容隐藏 */ overflow: hidden; /* 超出显示省略号 */ text-overflow: ellipsis; } <text class="mutli">活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍活动介绍</text>
效果图:
相关文章推荐
- oj:写出一个程序,接受一个有字母和数字以及空格组成的字符串,和一个字符,然后输出输入字符串中含有该字符的个数。不区分大小写
- 仿知乎程序(四)swipebacklayout的使用,处理TextView中图片的显示以及类360滚动布局
- TextView图文混排图片被截断的问题以及Android省略号只有一个点的问题
- 练习1-20:请编写程序detab,将输入中的制表符替换成适当数目的空格,适空格充满到下一个制表符中止的地方。假设制表符终止位的位置是固定的,比如每隔n列就会出现一个制表符终止位。n应该作为变量还是符号常量呢?
- oracle替换掉字段中存在的特殊符号以及空格
- 已解决error LNK2019: 无法解析的外部符号 __imp_IsTextUnicode以及__imp_MessageBoxA等
- 2.写出一个程序,接受一个有字母和数字以及空格组成的字符串,和一个字符,然后输出输入字符串中含有该字符的个数。不区分大小写。
- 小白学习大数据之路——Hadoop3.0.0-alpha2 安装以及测试程序wordcount实践
- Qt打开外部程序和文件夹需要注意的细节(注意QProcess的空格问题,以及打开本地文件时,需要QUrl::fromLocalFile才可以)
- html 空格符号 nbsp; ensp; emsp; 介绍以及实现中文对齐的方法,
- 华为计算字符个数写出一个程序,接受一个有字母和数字以及空格组成的字符串,和一个字符,然后输出输入字符串中含有该字符的个数。不区分大小写。
- 程序编译与链接,以及预定义符号,
- 练习1-18 编写一个程序,删除每个输入行末尾的空格以及制表符,并删除完全是空格的行
- 华为2写出一个程序,接受一个有字母和数字以及空格组成的字符串,和一个字符,然后输出输入字符串中含有该字符的个数。不区分大小写。
- 微信小程序如何让text内容空格?
- 从测试的角度来重新反思我们自己的程序以及我们的程序员之路——“通过追本溯源来进行前瞻性思考”
- <C语言>编写一个程序,该程序读取输入直到遇到#字符,然后报告读取的空格数目、读取的换行数目以及读取的所有其他字符数目。
- 从测试的角度来重新反思我们自己的程序以及我们的程序员之路——“通过追本溯源来进行前瞻性思考”
- 写出一个程序,接受一个有字母和数字以及空格组成的字符串,和一个字符,然后输出输入字符串中含有该字符的个数。不区分大小写。
- 练习1-22 编写一个程序,把较长的输入行折成短一些的两行或者多行,折行的位置在输入行的第N列之前的最后一个非空格之后。要保持程序能够智能地处理输入行很长以及在制定的列前没有空格或者制表符时的情况。