当前位置:Gxlcms > css > css如何实现限制文字字数

css如何实现限制文字字数

时间:2021-07-01 10:21:17 帮助过:53人阅读

本文主要和大家分享css如何实现限制文字字数,主要以代码形式,希望能帮助到大家。

html部分

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. </head>
  7. <body>
  8. <p id="nr">
  9. 我是显示的内容
  10. 我是显示的内容
  11. 我是显示的内容
  12. </p>
  13. </body>
  14. </html>

css部分

  1. width:20px;
  2. overflow: hidden;
  3. text-overflow: ellipsis;
  4. //限制字数显示
  5. white-space: nowrap;
  6. //后面出来省略号

相关推荐:

css限制显示字数,文字长度超出部分用省略号表示

html5标签用css限制显示行数(字数)

以上就是css如何实现限制文字字数的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行