css3文字超出容器部分隐藏显示省略号

2024年08月20日 建站教程

css3如何将文本超出容器部分进行隐藏。我们将使用 overflow 属性和 text-overflow 属性来实现此目的。下面web建站小编给大家简单介绍一下!

具体代码如下:

div {
  width: 600px; /* 给容器指定宽度,超出部分进行隐藏 */
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden; /* 超出部分进行隐藏 */
  text-overflow: ellipsis; /* 超出部分使用“...”进行省略 */
}

本文链接:http://so.lmcjl.com/news/11281/

展开阅读全文
相关内容