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

风尚云网学习-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等各种小游戏，也提供了强大的在线搜索功能，实用，有趣http://1813783665.3vzhuji.cc/