溢出机制

HTML5提供了超出内容的溢出策略（前提是你设置了相应的宽度或者高度），可以选择正常溢出，隐藏，自动，滚动等。

HTML5 不仅提供了x方向的属性设置，还提供了y方向的滚动设置。

当然如果是x方向文字溢出的话，你需要设置文字的属性：white-space:nowra。

溢出处理

文本溢出：text-overflow

利用这个特性我们可以做出单行省略处理的效果：

单行省略

代码：

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1赞 92
  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,242评论 25赞 708
  • 蓝颜|相识，相知，然后相忘于江湖。也挺好…
    在东北还被称为北大荒的年代，我随母亲从吉林搬到了黑龙江，安顿在俄罗斯边境的一个小镇——名山。那一年我三岁。 小时候...
    小毅柳阅读 428评论 0赞 1
  • 思念
    得有多少人认为我是无病呻吟呢，以前的自己遇到这种情况我也会不屑一顾吧。事情到了自己身上，真是要了人命。 真是不知道...
    蜜蜂猴阅读 136评论 0赞 0
  • 晨读感悟 我和工作只是合作
    不知道从什么时候开始，不再抱怨工作了，而是会改善自己的情绪，去解决所有工作遇到的问题。 一直很相信一句话，人脉...
    李红烨阅读 222评论 0赞 1