text-overflow 与 word-wrap:设置使用一个省略标记...标示对象内文本的溢出。
2015-10-22 16:00
681 查看
text-overflow 与 word-wrap
text-overflow用来设置是否使用一个省略标记(...)标示对象内文本的溢出。语法:
但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果,代码如下:
text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
同时,word-wrap也可以用来设置文本行为,当前行超过指定容器的边界时是否断开转行。
语法:
normal为浏览器默认值,break-word设置在长单词或 URL地址内部进行换行,此属性不常用,用浏览器默认值即可。
相关文章推荐
- 算法复杂度
- 收获的十月--程序员的第二快乐
- XCode ERROR ITMS-90049 This bundle is invalid The bundle identifier contains disallowed characters
- 柱面投影matlab程序
- python安装后的pip工具安装
- java.util.vector中的vector的详细用法
- GCD知识点概要总结
- [OpenGL ES 03]3D变换:模型,视图,投影与Viewport
- HDOJ 1089 A+B for Input-Output Practice (I)
- 如何检测内存泄漏——重载new和delet
- SourceTree环境的搭建
- 程序员书单_HTML篇
- 协议[I2C]_I2C子系统之I2C bus初始化——I2C_init()
- 阿里巴巴FastJson解析Json
- Web程序安全机制
- 项目开发--------推送的实现
- android开发过程中R.java无法生成问题的解决办法
- HDU_5504 GT and sequence
- Chromium for windows (2015)
- python学习笔记