溢出打点

溢出打点

  • 单行溢出
    • 数字和英文
    • 文字
  • 多行溢出
    • 数字和英文
    • 文字

溢出打点是在写界面效果的时候一个避不开的东西。

溢出打点总体分两种情况:

单行溢出

数字和英文

因为数字和英文本身在浏览器中就不会换行,所以不存在换行问题。来看看吧
在这里插入图片描述
overflow: hidden;
溢出隐藏
text-overflow: ellipsis;
文字溢出打点

这里必须两个属性配套使用,单单使用text-overflow: ellipsis;是无法达到效果的。
浏览器不会直接将超出盒子宽度的文字或者数字和英文视为溢出。这也许是个bug,说不好哪天浏览器就将其修复了。
关于溢出的属性,后期会再开一篇博客

文字


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部