换行?省略吧?

1、常用的第一种方式是只显示一行,然后超过固定宽度就显示省略号

.list-item-title{
   overflow: hidden;/*控制超过宽度是否隐藏*/
   text-overflow:ellipsis;/*控制是否显示省略号*/
   white-space: nowrap;/*控制是否换行*/
   width: 2rem;
}

2、

.item{
   -webkit-line-clamp: 1;
   word-break: break-all;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,862评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,403评论 25 709
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,829评论 0 2
  • 最近开发需要判断滚动视图视图是否滚动到底部,查了一下网上的方案,自己总结,记一下。 NestedScrollVie...
    V_boomboom阅读 928评论 0 0
  • 东方泛起鱼肚白,微弱的光穿进西郊小屋的片刻,里面再次响起恐怖的鬼哭声,那声音像是从扩音机里传出来,高亢沙哑带着绝望...
    ks十笔阅读 745评论 5 4