首頁  >  問答  >  主體

前端 - 如何实现指定多少行后内容未显示完就用省略号...代替?

1)已知文字父级元素p的高度,比如500px;
2)已知字体大小:font-size:28px;
如何算出需要显示多少行?
知道多少行后,如何实现指定这些行后内容未显示完就用省略号...代替?

ringa_leeringa_lee2766 天前530

全部回覆(8)我來回復

  • PHPz

    PHPz2017-04-17 11:34:50

    雷雷

    回覆
    0
  • 伊谢尔伦

    伊谢尔伦2017-04-17 11:34:50

    限制最大顯示行數 超過了不就用...取代了`!

    回覆
    0
  • PHP中文网

    PHP中文网2017-04-17 11:34:50

    多少行是多少行…1行的話css控制不難,更多不清楚

    回覆
    0
  • 巴扎黑

    巴扎黑2017-04-17 11:34:50

    傳送門 http://stackoverflow.com/questions/3922739/limit-text-length-to-n-line...

    回覆
    0
  • PHP中文网

    PHP中文网2017-04-17 11:34:50

    沒有多少行,只有高度,當內容超出指定的高度了,就用js截斷~

    回覆
    0
  • ringa_lee

    ringa_lee2017-04-17 11:34:50

    行數是不能控制的,使用高度代替,估摸你的行數。

    回覆
    0
  • 天蓬老师

    天蓬老师2017-04-17 11:34:50

    關於文字內容溢位用點點(…)省略號表示

    回覆
    0
  • 迷茫

    迷茫2017-04-17 11:34:50

    用jquery插件jquery.dotdotdot.js解決

    回覆
    0
  • 取消回覆