没有合适的资源?快使用搜索试试~ 我知道了~
CSS3其他新增文本样式.pdf
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 180 浏览量
2022-07-10
11:08:52
上传
评论
收藏 346KB PDF 举报
温馨提示
试读
4页
CSS3其他新增文本样式.pdf 学习资料 复习资料 教学资源
资源推荐
资源详情
资源评论
CSS3其他新增文本样式
本文来自 李东博 《HTML5+CSS3从入门到精通》 清华大学出版社 2015年
摘 要:本文档主要介绍在页面中设置文本的溢出效果和设置文本控制换行的基本方法。
关键词:<新增<文本样式
1 设置文本的溢出效果
新增了 属性,该属性可以设置超长文本省略显示。在信息列表中常会遇到栏
目的宽度与列表项字符长度不一的矛盾,为了避免超长字符的信息项破坏栏目的布局,就可以使用该属
性省略掉多出的字符,而在此之前,实现这种想法一般多需借助 脚本来实现。
的语法如下
属性初始值为无,适用于块状元素或行内元素。该属性取值简单说明如下。
()属性值表示不显示省略标记(…),而是简单的裁切。
()属性值表示当对象内文本溢出时显示省略标记(…),省略标记插入的位置是最后
一个字符。
实际上, 属性仅是内容注解,表明当文本溢出时是否显示省略标记,并不具备样式
定义的特性。要实现溢出时产生省略号的效果,读者应该再定义两个样式:强制文本在一行内显示
和溢出内容为隐藏(,只有这样才能实现溢出文本显示省略
号的效果。
案例 1:设计固定区域的新闻列表。在下面代码中使用 属性来实现在固定的版块中
设计新闻列表有序显示,对于超出指定宽度的新闻项,则通过省略并附加省略号,来避免新闻换行或者
撑开版块。
!"#
"#
#
"$%&'(%#
#文本溢出)#
!!$%)%#
*
+,
-.
/
*
0((
-10&.23456&"0)070'
'8
0'
'0-
.229,
"0-"
--".'''
/
*
'8,72("
07:"
,
0(
-10&&"0)70'':;
1 / 4
CSS3 其他新增文本样式
资源评论
努力搬砖的小王
- 粉丝: 16
- 资源: 7706
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功