• 技术文章 >web前端 >css教程

    css实现文字不换行溢出显示省略号

    藏色散人藏色散人2020-11-20 11:16:12原创115

    css文字不换行溢出显示省略号的实现方法:首先打开css样式表;然后通过属性“white-space: nowrap;”实现文本强制不换行;接着通过“text-overflow:ellipsis;”实现文本溢出显示省略号即可。

    推荐:《css视频教程

    1. 强制不换行

    2. 自动换行

    3.强制英文单词断行

    word-break:break-all;

    以上就是css实现文字不换行溢出显示省略号的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:css
    上一篇:如何使用CSS 显示 XML 下一篇:css怎么设置全屏背景图片
    第14期线上培训班

    相关文章推荐

    • 怎么在html页面写css样式表• css3怎么让文字垂直居中显示• css怎么让a标签居中• 如何使用CSS 显示 XML

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网