单行文本溢出和多行文本溢出方法

作者: 小7丁 | 来源:发表于2018-05-19 15:51 被阅读65次

2018-05-19

div {
  border: 1px solid;
  white-space: nowrap;/*不换行*/
  overflow: hidden;/*隐藏后面的文字*/
  text-overflow: ellipsis;/*加省略号*/
}

div {
  border: 1px solid;
  display: -webkit-box;
  -webkit-line-clamp: 3;/*需要几行就写几*/
  -webkit-box-orient: vertical;  
}

CSS 文本溢出隐藏显示省略号
单行文本溢出多行文本溢出该方法参考GitHub - tailwindlabs/tailwindcss-line...
CSS——单行／多行文本溢出解析
1 单行文本溢出 2 多行文本溢出
文本溢出省略号
文本溢出包括单行，多行文本溢出 1. 单行文本溢出： width:300px; overflow:hidden;...
CSS实现单行和多行文本溢出显示省略号……
CSS实现单行和多行文本溢出显示省略号…… 1.CSS实现单行和多行文本溢出显示省略号…… 2.多行文本溢出显示省...
多行文本溢出显示省略号
多行文本溢出省略单行文本溢出省略
【解决】文本溢出显示省略号点点点…
一、单行文本溢出显示... 二、多行文本溢出显示...
CSS3 之文本溢出
1.单行文本溢出 2.多行文本溢出
样式问题的经验总结
背景透明，内容不透明强制换行/不换行单/多行文本溢出 1). 单行文本溢出 2). 多行文本溢出
常用CSS小技巧
一、单行文本与多行文本溢出省略 1.1 单行文本溢出 1.2 多行文本溢出二、CSS绘制三角形右、下三角形同理...
Css -think to write
多行文本溢出处理单行文本溢出： overflow: hidden;text-overflow: ellipsis...

网友评论

本文标题：单行文本溢出和多行文本溢出方法

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

单行文本溢出和多行文本溢出方法