css——文本强制两行超出就显示省略号
2017-09-07 15:09
447 查看
强制一行的情况很简单
overflow:hidden;//超出的隐藏
text-overflow:ellipsis;//省略号
white-space:nowrap;//强制一行显示
如果要强制两行的话,得用到css3的知识
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;//超出的隐藏
text-overflow:ellipsis;//省略号
white-space:nowrap;//强制一行显示
如果要强制两行的话,得用到css3的知识
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
相关文章推荐
- CSS文本超出2行就隐藏并且显示省略号,单行居中,两行居左
- CSS文本超出2行就隐藏并且显示省略号
- css 控制文本显示两行 超过省略号显示
- CSS控制文本超出指定宽度显示省略号和文本不换行效果的实现
- 关于单行、多行文本超出显示省略号... css
- CSS控制文本超出指定宽度显示省略号和文本不换行
- CSS实现新闻标题,一行文字垂直居中,两行文字超出显示省略号
- css设置文本超出两行 末尾用省略号表示
- css实现文本超出部分显示省略号
- css-文本超出后显示省略号
- css 对超出文本显示省略号
- css两行文字超出显示省略号
- css设置文本最多显示两行,多余部分为省略号
- CSS用text-overflow实现文本标题超出显示省略号“...”
- html+css 实现文本固定长度,超出显示省略号
- CSS强制文本在一行内显示若有多余字符则使用省略号表示
- css 控制文本显示两行 超过省略号显示
- CSS将超出的文本以省略号显示
- css 文本超出隐藏并且显示省略号
- css 文本超出2行就隐藏并且显示省略号