基本语法
text-overflow的使用需配合hight,over-flow:hidden;white-space:nowrap;三个属性共同使用
text-overflow: clip;ellipsis;string
clip: 直接隐藏不显示
ellip: 用… 三个点来表示溢出的文字 （常用书籍是人类进步的）
string:可自定义符号来表示放不下的字符
<!doctype html><html lang="en"><head><meta chart="utf-8"><title></title><style typ永垂不朽e="text/css">.tf{width: 100px;height:50px;border:1p网络地址冲突x solid black;over计算机财务管理flow: hidden;text-overflow: clip;/*如果只是单纯的隐藏的话，加不加这句话效果都一样 height+overflow就可对溢出的文字直接隐藏*/}.tf1{width: 100px;border:1px solid black;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;white-space: nowrap;/*若使用ellipsis属性 text-overflow:ellipsis; overflow: hidden;white-space: nowrap; 这三个属性缺一不可*/}</style></head><body><div class="tf">www.887551.comwww.887551.comwww.887551.comwww.887551.comwww.887551.comwww.887551.comwww.887551.comwww.887551.comwww.887551.com。</div><div class="tf1">www.887551.comwww.887551.comwww.887551.comwww.887551.comwww.887551.comwww.887551.com。</div></body></html>到此这篇关于浅析css3 用text-overflow解决文字排版问题的文章就介绍到这了,更多相关css3 文字排版内容请搜索www.887551.com以前的文章或继续浏览关于毕业的个性签名下面的相关文章，希望大家以后多多支持www.887551.com！
本文发布于:2023-04-03 20:58:45，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/5f0230174f2cb19b6f4d8a80272465a4.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：浅析CSS3 用text.doc
本文 PDF 下载地址：浅析CSS3 用text.pdf
| 留言与评论（共有 0 条评论） |
