风尚云网学习-css实现文字超出隐藏为省略号...

目录

没做省略示例：会挤换行显示​

做省略...示例：

示例a标签css代码：

温馨提醒，必须设置高，不然还是会超出~

没做省略示例：会挤换行显示

做省略...示例：

示例a标签css代码：

a{/* 去下划线 */text-decoration: none;/* 颜色为黑 */color: #000;/* 宽250 */width: 250px;/* 高80 */height: 80px;/* 文字隐藏为ellipsis省略号 */text-overflow: ellipsis;/* 文字换行，nowrap不换行 */white-space: nowrap;/* 超出隐藏 */overflow: hidden;/* 盒子类型：行内块 */display: inline-block;}

温馨提醒，必须设置高，不然还是会超出~

本次教程到此结束~任何问题欢迎下方评论区指正·~~~~~

风尚云网导航-很有范的导航站风尚云网提供了编程的基础技术游戏, HTML、CSS、Javascript等各种小游戏，也提供了强大的在线搜索功能，实用，有趣/