css3如何把超出的文本隐藏省略

2024年08月20日 建站教程

css3中的超出隐藏省略(text-overflow)是一种在元素中超出显示区域的文本隐藏并省略的技术。下面web建站小编给大家简单介绍一下!​

具体语法如下:

div{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

超出隐藏省略主要通过以下三个属性实现:

1、white-space:设置为nowrap,防止文本换行。
2、overflow:设置为hidden,隐藏文本溢出区域的部分。
3、text-overflow:设置为ellipsis,表示在显示区域内以三个点(...)省略超出区域的部分。

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

展开阅读全文
上一篇:企业物品运输合同5篇 下一篇:MySQL Maven
相关内容