1、单行超出显示省略号
overflow: hidden; //超出隐藏 text-overflow: ellipsis; //文本超出时显示省略号 white-space: nowrap; //设置文本不换行
2、多行超出显示省略号
overflow: hidden; //超出隐藏 text-overflow: ellipsis; //文本超出时显示省略号 display: -webkit-box; -webkit-box-orient: vertical;//子元素排列 vertical（竖排）orhorizontal（横排） -webkit-line-clamp: 3;//内容限制的行数
注意：超出显示省略号的文本需要设置宽度 ！！！
今天的文章css中关于超出显示省略号分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/57662.html
