小程序-文字超出限制

.text{
overflow:hidden; //超出一行文字自动隐藏
text-overflow:ellipsis;//文字隐藏后添加省略号
white-space:nowrap; //强制不换行
}

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 十·CSS常用样式
    1.块级元素和行内元素 块级(block-level)元素；行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,065评论 1赞 4
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    wzhiq896阅读 1,815评论 0赞 2
  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    love2013阅读 2,349评论 0赞 11
  • [移动web]超出文字省略号显示text-overflow
    一.标签内单行文字时 1.仅适用 text-overflow: ellipsis; 时,无法实现省略号效果 效果如...
    风月灯阅读 1,457评论 0赞 0
  • CSS笔记
    引入 外部样式表 内部样式表 内嵌样式 此方式不利于后期维护，较少使用此方法。 语法 选择器属性声明=属性名:属性...
    小豸阅读 1,252评论 0赞 51