美文网首页
css文本超出用“...”显示

css文本超出用“...”显示

作者: 野蘑菇丶 | 来源:发表于2019-08-08 11:04 被阅读0次

.textbox{

 overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 6;//显示的行数

  line-clamp: 6;

  box-orient: vertical;

}

/*一定不要给固定高度*/

相关文章

  • css文本超出用“...”显示

    .textbox{ overflow: hidden; text-overflow: ellipsis; di...

  • 省略号

    CSS文本超出三行自动隐藏 显示省略号 CSS文本长度超出宽度如何显示省略号

  • css文本换行,超出显示...

    单行文本: white-space: nowrap/规定段落中的文本不进行换行/ text-overflow: e...

  • Css3Two

    文本溢出样式设置 文本超出容器以后: 换行显示 超出容器部分也显示 伪类和伪元素 伪类和伪元素 都是css中的伪类...

  • 第十一次课程小结

    DIV高度自适应浏览器高度方法 css 文本两行显示,超出用省略号表示 如果实现单行文本的溢出显示省略号同学们应该...

  • 文本超出的部分显示省略号

    CSS实现文本超出省略号 第一种:实现单行文本超出,显示省略号效果图: html部分:(下面的例子用的是同一个ht...

  • css 【text-overflow】 实现超出文本框显示为 .

    学习笔记系列 -css 超出文本框显示为 ... text-overflow:ellipsis; 当超过文...

  • js多行文本组件封装

    在项目中,经常会遇到文本超出问题,通常的解决办法是超出显示省略号,要么手动截取文本,要么设置css样式。在此我封装...

  • 15个前端小知识

    css 一行文本超出... 2.多行文本超出显示... 3.IOS 手机容器滚动条滑动不流畅 4.修改滚动条样式 ...

  • 15 个前端小知识

    css 一行文本超出... 2.多行文本超出显示... 3.IOS 手机容器滚动条滑动不流畅 4.修改滚动条样式 ...

网友评论

      本文标题:css文本超出用“...”显示

      本文链接:https://www.haomeiwen.com/subject/cfwtjctx.html